Переопределить USER AGENT STYLE SHEET - Chrome

Question

У меня есть элемент списка, который отображается на веб-странице, используя эффект зависания. Проблема, с которой я столкнулся, - это когда я применяю какую-либо рамку или фон к элементу списка, это выглядит ужасно из-за того, что заполнение создается автоматически.

Посмотрите на это изображение, пожалуйста.

Любой, пожалуйста, помогите мне переопределить его.

Я уже искал в форумах, но я только получил, как превратить его off с консоли, чтобы не переубедить его.

Answer 1

Просто добавьте следующий стиль:

ul { padding:0 } 

Это перекроет стиль по умолчанию.

Answer 2

Stylesheets из разных источников имеют различные приоритеты:

от низшего к высшему (*):

• стили агента пользователя => эти стили, которые вы видите на скриншоте
• пользовательские стили
• авторские стили CSS (с сохранением приоритета)
• стилей автор инлайн
• стили автора с !important
• стилей пользователя с !important

агента пользователя = браузер
автор = Вы
пользователя = пользователь браузера

Так что для вас, все, что вам нужно, - объявить

ul { padding:0 } 

, и это перепишет стили UA. Однако, если пользователь объявит свои собственные стили с !important, вы ничего не можете с ним сделать как автор - (к счастью для пользователя) вы не можете отменить эти стили.

^{* В реальной жизни каскадная природа еще сложнее, чем это может означать этот список, который я не покрывал для простоты. Если вы заинтересованы в этом, посмотрите на CSS precendence.}