Я хотел бы иметь возможность изменить CSS по умолчанию, используемый Chrome, например удалить подчеркивание для ссылок и т.д. Однако я не могу найти файл CSS по умолчанию, используемый Chrome. Кто-нибудь знает где это?
9 ответов
(Обновление 2014 г.) Поскольку поддержка пользовательских таблиц стилей была недавно удалена из Google Chrome, единственным вариантом на данный момент является использование расширений (например, Stylus * 1), но они будут вести себя иначе (см. Ниже).
Наиболее актуальным запросом для повторного введения настоящих пользовательских таблиц стилей в Google Chrome является проблема 347016: поддержка пользовательских таблиц стилей.
Согласно спецификации, правило "истинной пользовательской таблицы стилей" имеет более низкую специфичность происхождения в каскаде, чем правило автора, но !important
пользовательские правила стилей имеют более высокую специфичность, чем !important
авторское правило, независимо от его селекторной специфики.
Расширения, имитирующие пользовательские таблицы стилей в Chrome, просто вводят (надеюсь) последний элемент стиля в страницу, что имеет некоторые последствия:
- такой стиль находится на "авторском уровне" в каскаде, поэтому вы должны убедиться, что ваш
!important
правило имеет более высокую специфичность, чем правило, которое вы хотите переопределить - "Ваш" внедренный стиль доступен для скриптов страницы, поэтому они могут легко удалить его по желанию.
* 1 Оригинальное расширение, Stylish, в настоящее время (2017 г.) находится в состоянии неустойчивой разработки новым держателем, поэтому я бы посоветовал избегать его и использовать альтернативу, такую как вышеупомянутый Stylus.
(Следующий оригинальный ответ устарел.)
На самом деле невозможно настроить сам CSS 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.
В 2018 году Chrome> = 68.0.3440.106 (и, вероятно, намного раньше)
У меня уже было расширение Resource Override для различных целей разработки, поэтому я теперь использую его, чтобы добавить собственную таблицу стилей, чтобы исправить некоторые неудачные варианты стилей в JIRA (и скрыть больше рекламы - хе-хе). Опция, которую я использую - "Inject File", и она работает очень хорошо. Я не пытался переопределить настройку 'url', чтобы она работала только на определенных сайтах, но мои селекторы css достаточно специфичны, чтобы я мог просто оставить URL как '*'
Я столкнулся с этим вопросом, когда искал решение о том, как предоставить таблицу стилей для страниц без стилей. Ни одно из вышеперечисленных решений не помогло мне, так как по состоянию на 09/2018 Chrome не поддерживает ранее удаленную функцию пользовательских таблиц стилей.
Решение, которое я придумал и которое работает как очарование для моего варианта использования, достигается с помощью этого chrome addon с пользовательским сценарием 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);
});
При использовании Stylish в качестве инжектора пользовательского стиля возникает проблема:
уровень приоритета пользователя без !important
выше, чем уровень приоритета автора без !important
Поэтому я пишу пользовательский скрипт в качестве инжектора:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js
принцип:
Стиль ввода в document.head.prependChild()
, перед стилем автора веб-страницы, имеет более низкий приоритет, чтобы избежать наложения пользовательского стиля.
Вы можете изменить цвет CSS UI стиль. Просто запомните, если вы измените его, некоторые эффекты, например, Пример: #footer {color:#5F5F5F !important;}
будет меняться на каждом сайте, который использует #footer. Вы были предупреждены.
Custom.css меняет почти все в браузерах Chrome
Windows XP Google Chrome:
C:\Documents and Settings\% ИМЯ ПОЛЬЗОВАТЕЛЯ%\ Локальные настройки \ Данные приложения \ Google \ Chrome \ Данные пользователя \ По умолчанию
Хром:
C:\Documents and Settings\% ИМЯ ПОЛЬЗОВАТЕЛЯ%\ Локальные настройки \ Данные приложения \ Chromium \ Данные пользователя \ По умолчанию \ Таблицы стилей пользователя
Windows 7 или Vista (справка в разделе справки) Google Chrome:
C:\Users\% USERNAME%\AppData\Local\Google\Chrome\ Данные пользователя \ По умолчанию \ Пользовательские таблицы стилей
Хром:
C:\Users\% USERNAME%\AppData\Local\Chromium\User Data\Default\ Таблицы стилей пользователя
Mac OS X Google Chrome:
~/ Библиотека / Поддержка приложений / Google / Chrome / По умолчанию / Таблицы стилей пользователя
Хром:
~/ Библиотека / Поддержка приложений / Chromium / По умолчанию / Таблицы стилей пользователя
Linux Google Chrome:
~/.config/google-chrome/Default/User StyleSheets
Хром:
~/.Config /хром /По умолчанию
Chrome OS
/ Главная / Хронос /
Хотите доказательства, проверьте мою тему для редактора программ http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat
Не стесняйтесь проверять меня, я создаю таблицы стилей пользовательского интерфейса или случайные сайты, такие как facebook google.etc, и делаю их черно-красными.