Змініть CSS Google Chrome за замовчуванням

Я хотів би мати можливість змінити CSS за замовчуванням, який використовується chrome, наприклад, видалення підкреслень для посилань тощо. Однак я не можу знайти файл CSS за замовчуванням, який використовує Chrome. Хтось знає, де це?

(Оновлення 2014 р.) Оскільки нещодавно з Google Chrome було видалено підтримку таблиць стилів користувачів , єдиним варіантом на даний момент є використання розширень (наприклад, Stylus * 1), але вони будуть вести себе по-різному (див. Нижче).

Найбільш релевантний запит на повторне введення справжніх таблиць стилів користувачів у Google Chrome - це випуск 347016: Підтримка таблиць стилів користувачів .

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

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

• такий стиль знаходиться на рівні "автора" в каскаді, тому ви повинні переконатися, що ваше !importantправило має більш високу специфіку, ніж той, який ви хочете переопрацювати
• "Ваш" введений стиль піддається дії сценаріїв сторінок, тому вони можуть легко видалити його за бажанням.

* 1 Оригінальне розширення Stylish на даний момент (2017) перебуває в стані хаотичного розвитку новим мейнтейнером, тому я б радив уникати цього і використовувати альтернативу, як вищезгаданий Stylus.

(Наступна відповідь тепер застаріла.)

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

Ви можете подивитися на це обговорення: Випуск 2393: Таблиця стилів підтримки користувачів

У самому кінці вони згадують, що --enable-user-stylesheetпараметр при запуску Chrome вмикає власні таблиці стилів.

Єдиним рішенням, про який я можу придумати, є використання сценарію Greasemonkey, який додає стильову запис до кожної сторінки HTML, яка вимикає підкреслення посилань. Щось на зразок:

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

Ця стаття, очевидно, може почати:
ЯК: Встановити Google Chrome Greasemonkey Scripts (лише для Windows)

Якщо ви зацікавлені в налаштуванні конкретних веб-сайтів, ви можете використовувати сценарії користувачів в стилі жирного ключа .

Ви можете змінити chss стиль інтерфейсу CSS. Пам'ятайте лише, що якщо ви її зміните, деякі ефекти, наприклад Приклад: #footer {color:#5F5F5F !important;}змінюватимуться на кожному веб-сайті, який використовує #footer. Вас попередили. Custom.css змінює майже все в браузерах Chrome

Google Chrome для Windows XP:

C: \ Документи та налаштування \% USERNAME% \ Місцеві налаштування \ Дані програми \ Google \ Chrome \ Дані користувача \ За замовчуванням

Хром:

C: \ Документи та налаштування \% USERNAME% \ Місцеві налаштування \ Дані програми \ Хром \ Дані користувача \ За замовчуванням \ Таблиці стилів користувача

Windows 7 або Vista (допомога в розділі довідки) Google Chrome:

C: \ Користувачі \% USERNAME% \ AppData \ Місцеві \ Google \ Chrome \ Дані користувача \ За замовчуванням \ Таблиці стилів користувача

Хром:

C: \ Користувачі \% USERNAME% \ AppData \ Місцеві \ Chromium \ Дані користувача \ За замовчуванням \ Таблиці стилів користувача

Mac OS X Google Chrome:

~ / Бібліотека / Підтримка програм / Google / Chrome / За замовчуванням / Таблиці стилів користувача

Хром:

~ / Бібліотека / Підтримка додатків / Хром / За замовчуванням / Таблиці стилів користувача

Linux Google Chrome:

~ / .config / google-chrome / Типовий / User StyleSheets

Хром:

~ / .config / Chrome / За замовчуванням

ОС Chrome

/ головна / хронос /

Хочете підтвердити перевірку моєї теми для редактора програми http://userstyles.org/styles/95226/chrome-userstyles-editor-hacker-version-cyberat

Не соромтеся перевірити мене, я створюю таблиці стилів інтерфейсу або випадкові сайти, такі як facebook google.etc, і роблю їх чорними та червоними.

Під час використання стильного як інжектора
користувальницького!important стилю існує проблема : рівень пріоритету користувача без вище рівня пріоритету автора без!important

Тому я пишу сценарій користувача як інжектор:
https://github.com/zcyzcy88/SelfColle/blob/master/StyleInject.user.js

Принцип:
Стиль ін'єкції document.head.prependChild()перед тим, як авторський стиль веб-сторінки має нижчий пріоритет, щоб уникнути накладення стилю користувача.

У 2018 році Chrome> = 68.0.3440.106 (і, мабуть, набагато раніше)

У мене вже було розширення Resource Override для різних цілей розробки, тому я тепер використовую це, щоб додати свій власний таблицю стилів, щоб виправити деякі неправильні варіанти стилю в JIRA (і приховати більше реклами - хе-хе). Я використовую варіант "Inject File", і він працює дуже добре. Я не намагався повторно встановити параметр 'url', щоб він працював лише на певних сайтах, але мої селектори css є достатньо конкретними, щоб я міг просто залишити URL-адресу як '*'

Я зіткнувся з цим питанням, шукаючи рішення про те, як надати таблицю стилів для стильних сторінок. Жодне з вищезазначених рішень мені ще не дуже допомогло, оскільки станом на 09/2018 хром не підтримує раніше видалену функцію користувацьких таблиць стилів.

Вирішене нами рішення, яке працює як шарм для мого випадку використання, досягається за допомогою цього хромованого додатка зі спеціальним сценарієм 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);
  });

Використовуйте Stylebot.

Хром

Бібліотека сценаріїв користувачів

Для Firefox, Налаштуйте свою мережу