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

56261
George IV

Я хотел бы иметь возможность изменить CSS по умолчанию, используемый Chrome, например удалить подчеркивание для ссылок и т. Д. Однако я не могу найти файл CSS по умолчанию, используемый Chrome. Кто-нибудь знает где это?

40
Если вы разработчик, я рекомендую этого не делать, так как он меняет значение по умолчанию css. nXqd 12 лет назад 3
Простой способ изменить CSS с помощью собственного очень простого расширения см. По адресу: https://stackoverflow.com/questions/21948850/google-chrome-custom-css-webkit-scrollbar-no-longer-works. User 6 лет назад 0

9 ответов на вопрос

30
myf

(Обновление 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

Это не кажется законным с нынешним Chromium. Возможно, они убрали эту функцию, так как этот ответ был опубликован. Pistos 10 лет назад 2
Вы правы, я обновил ответ. myf 10 лет назад 1
8
Gabriele Petrioli

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

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

4
harrymc

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

<style> a </style> 

Эта статья, очевидно, может помочь вам начать:
КАК: Установить скрипты Google Chrome Greasemonkey (только для Windows)

Мне смешно, что я не могу напрямую изменить CSS. В Firefox есть userChrome.css и userContent.css, которые делают изменение внешнего вида безумно простым. George IV 15 лет назад 3
@harrymc - я переключил твой ` Jared Harley 14 лет назад 0
2
Kevin Panko

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

0
cyberationmicro.com

You can change chromes css ui style. Just remember if you change it, some effects like Example: #footer will change on every site that uses #footer. You been warned. Custom.css changes almost everything in chromes browsers

Windows XP Google Chrome:

C:\Documents and Settings\%USERNAME%\Local Settings\Application Data\Google\Chrome\User Data\Default

Chromium:

C:\Documents and Settings\%USERNAME%\Local Settings\Application Data\Chromium\User Data\Default\User StyleSheets

Windows 7 or Vista (help in help section) Google Chrome:

C:\Users\%USERNAME%\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

Chromium:

C:\Users\%USERNAME%\AppData\Local\Chromium\User Data\Default\User StyleSheets

Mac OS X Google Chrome:

~/Library/Application Support/Google/Chrome/Default/User StyleSheets

Chromium:

~/Library/Application Support/Chromium/Default/User StyleSheets

Linux Google Chrome:

~/.config/google-chrome/Default/User StyleSheets

Chromium:

~/.config/chromium/Default

Chrome OS

/home/chronos/

Want proof check out my theme for the program editor http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Feel free to check me out, i create UI style sheets or random sites like facebook google.etc, and make them black & red.

Это не сработает, потому что в Chrome 33 отсутствует поддержка пользовательских стилей. Synetech 10 лет назад 3
0
Random ZeroNet User

При использовании Стильный в качестве инжектора в стиле
пользователя!important возникает проблема : уровень приоритета пользователя без выше уровня приоритета автора без!important

Поэтому я пишу пользовательский скрипт в качестве инжектора:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

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

Привет и добро пожаловать на SuperUser.com. Сможете ли вы более подробно рассказать о том, что именно делает ваш сценарий? Service Manager 7 лет назад 0
Введите стиль в `document.head.prependChild ()`, чтобы избежать наложения стиля пользователя. Random ZeroNet User 7 лет назад 0
Если вы можете отредактировать свой ответ, было бы полезно более подробно рассказать о том, что делает каждая часть вашего скрипта. Service Manager 7 лет назад 0
0
eon

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

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

0
Maroš Beťko

Я столкнулся с этим вопросом, когда искал решение о том, как предоставить таблицу стилей для страниц без стилей. Ни одно из вышеперечисленных решений не помогло мне, так как по состоянию на 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); }); 
-1
Quidam
Пожалуйста, процитируйте основные части ответа по ссылочной ссылке (ссылкам), так как ответ может стать недействительным, если связанные страницы изменятся. DavidPostill 7 лет назад 0

Похожие вопросы