Изменение CSS по умолчанию для Google Chrome

(обновление 2014) с поддержкой пользовательских стилей недавно был удален от Google Chrome, единственный вариант на данный момент, чтобы использовать расширения (например,стилус *1), но они будут вести себя по-другому (см. ниже).

самый актуальный запрос для повторного введения истинных пользовательских таблиц стилей в Google Chrome является проблема 347016: поддержка пользовательских таблиц стилей.

согласно спецификации, "истинный пользователь таблицы стилей" правила ниже origin специфика в каскаде чем автор правило, но !important правила стилей пользователя выше происхождения, специфики чем !important правила автора, независимо от его селектор специфика.

расширения, имитирующие пользовательские таблицы стилей в Chrome, просто вставляют (надеюсь) последний элемент стиля на страницу, что имеет некоторые последствия:

• такой стиль в "автор level" в каскаде, так что вы должны убедиться, что ваш !important правило имеет более высокую специфичность, чем тот, который вы хотите переопределить
• "ваш" введенный стиль подвергается скриптам страницы, поэтому они могут легко удалить его по своему усмотрению.

*1 Исходное расширение, стильное, в настоящее время (2017) находится в состоянии неустойчивого развития новым mainetainer, поэтому я бы посоветовал избегать его и использовать альтернативу, как указано выше Перо.

(следующий оригинальный ответ теперь устарел.)

Afaik невозможно настроить сам UA css, но вы можете сделать глобальный стиль пользователя: запустите Chrome один раз с --enable-user-stylesheet. Это создаст <user-data-dir>/<profile>/User StyleSheet/Custom.css, который вы можете использовать (изменения применяются немедленно). http://code.google.com/p/chromium/issues/detail?id=2393

вы можете взглянуть на эту дискуссию : выпуск 2393: поддержка пользовательских стилей

в самом конце они пишут, что --enable-user-stylesheet параметр при запуске Chrome позволит пользовательские таблицы стилей..

единственное решение, которое я могу придумать, чтобы использовать сценарий Greasemonkey, который добавляет запись стиля на каждую html-страницу, которая отключает подчеркивание для ссылок. Что-то вроде:

<style> a {text-decoration:none} </style>

эта статья, по-видимому, вы можете начать:

как установить Google Chrome Greasemonkey Скрипты (только для Windows)

Если вы заинтересованы в настройке конкретного веб-сайтов, вы можете использовать пользовательские скрипты в стиле greasemonkey.

вы можете изменить стиль пользовательского интерфейса CSS Хромов. Просто помните, если вы измените его, некоторые эффекты, такие как Пример: #footer {color:#5F5F5F !important;} изменится на каждом сайте ,использующем # footer. Тебя предупреждали. Обычай.css меняет почти все в браузерах chromes

Windows XP Google Chrome:

C:\Documents и Settings\%имя пользователя%\параметры\данные приложения\Гугл\Хром\данные пользователя по умолчанию\

хром:

C:\Documents и Настройки\%имя пользователя%\Local параметров\приложения\данные пользователей данных\хром\по умолчанию\стили пользователя

Windows 7 или Vista (справка в разделе справки) Google Chrome:

C:\Users\%USERNAME%\AppData\Local\Google\Chrome\User Data\Default\Пользовательские Таблицы Стилей

хром:

C:\Users\%USERNAME%\AppData\Local\Chromium\User Data\Default\Пользовательские Таблицы Стилей

Mac OS X Google Chrome:

~ / Библиотека / Поддержка Приложений / Google / Chrome/По Умолчанию / Пользовательские Таблицы Стилей

хром:

~ / Библиотека / Поддержка Приложений / Chromium / Default / Пользовательские Таблицы Стилей

Linux Google Chrome:

~/.config/google-chrome/default / пользовательские таблицы стилей

хром:

~/.config/chromium / Default

Chrome OS

/ home / chronos/

хочу доказательство Проверьте мою тему для редактора программы http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Не стесняйтесь проверить меня, я создаю таблицы стилей пользовательского интерфейса или случайные сайты, такие как facebook и Google.и т. д., и сделать из них черный и красный.

существует проблема при использовании стильное как инжектор потребител-типа:

уровень приоритета пользователя без !important выше уровень приоритета автора без !important

Так я пишу пользовательский скрипт как injector:

https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

принцип:

Введите стиль в document.head.prependChild(), прежде чем стиль автора страницы, ниже приоритет, чтобы избежать наложения пользовательского стиля.

в 2018 году Chrome >= 68.0.3440.106 (и, вероятно, намного раньше)

У меня уже было расширение Ресурс Переопределить для различных целей разработки, поэтому теперь я использую это, чтобы добавить свою собственную таблицу стилей, чтобы исправить некоторые плохие варианты стиля в JIRA (и скрыть больше объявлений - хе-хе). Опция, которую я использую, - "Inject File", и она работает очень хорошо. Я не пробовал переопределять настройку "url", чтобы она работала только на определенных сайтах, но мои селекторы css достаточно специфичны, чтобы Я могу просто оставить url как '*'

я столкнулся с этим вопросом, когда искал решение о том, как предоставить таблицу стилей для неструктурированных страниц. Ни одно из вышеперечисленных решений не помогло мне, по состоянию на 09/2018 chrome не поддерживает ранее удаленную функцию пользовательских таблиц стилей.

решение, которое я придумал и это работает как шарм для моего случая использования достигается с помощью этот хром аддон с пользовательским скриптом js, который вставляет мой пользовательский css в заголовок страницы, если он не имеет таблица стилей. Он не будет работать на странице, на которой есть ссылка на таблицу стилей, но для моего случая использования этого достаточно.

вот сценарий JS, который я использую:

window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
    console.log(document.styleSheets); 
    if (document.styleSheets.length > 0) {
        return;
    }

    var css = `
    /*Your CSS goes here*/
    `;
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    document.head.appendChild(style);
  });