Гарантий нет, поэтому все, что вы измените, может быть нарушено следующей версией. Преимущество состоит в том, что вы получаете гораздо больше гранулярности и гибкости, чем если бы они указали только несколько ограниченных API.
Однако есть два способа выяснить, какие элементы могут быть рестайлинг в текущей версии.
Во-первых, то, что вы обычно пытаетесь изменить с помощью userChrome.css , известно как браузер chrome , части браузера за пределами содержимого веб-страницы. Это включает в себя панель вкладок, адресную строку и т.д. То, что вы хотите сделать, это открыть это в инспекторе DOM, чтобы вы могли выяснить, какой селектор CSS будет нацеливаться на элемент, который вы хотите изменить.
Самый простой способ открыть инспектор на странице - перейти к chrome://browser/content/browser.xul , который откроет браузер chrome внутри области содержимого вкладки и даст вам забавный вид окно:
Отсюда вы хотите открыть инструмент инспектора страниц. Есть несколько способов открыть его, но мне лично нравится сочетание клавиш F12 . Затем вы можете использовать его для выбора элемента и просмотра существующих правил CSS.
Вы можете щелкнуть правой кнопкой мыши элемент в дереве и использовать контекстное меню «Копировать -> Селектор CSS», чтобы получить быстрый и простой селектор для использования в вашем userChrome.css , но лучше, если у вас есть некоторое понимание основы селекторов CSS, чтобы вы могли выбрать лучший.
Помните, инспектор страниц проверяет содержимое страницы, а не браузер Chrome. Это работает только в этом случае, потому что мы запустили копию хрома внутри страницы, как контент.
Другой способ проверить браузер Chrome - использовать панель инструментов браузера, которая позволит вам просматривать обычное живое окно. Он менее хакерский, чем открытие Chrome в качестве контента, но он также немного сложнее для начала и не дает большой выгоды для простого рестайлинга.
