it-roy-ru.com

Избавьтесь от -webkit-padding-start: 40px

Я работаю над добавлением меню на карту. Меню работает нормально, за исключением того, что я заметил, что всегда есть отступ слева, независимо от того, какой CSS применяется к меню. Кажется, что заполнение происходит от (-webkit-padding-start: 40px;), и оно не хочет уходить. Я пытался переопределить его с помощью 0 !important;, который ничего не делал.

После того, как Google нашел это:

-webkit-padding-start: 40px; Что это должно быть для IE и Firefox?

Однако не смог найти ничего другого о том, как переопределить или заставить это уйти. Мне нужно, чтобы пункты в меню были полностью слева. 

enter image description here

Прикрепленный снимок экрана, зеленая область - это то, о чем я говорю, и под стилями вы можете увидеть -webkit-padding-start: 40px;

46
user1930845

Это из-за таблиц стилей user-agent каждого браузера .. Вы должны всегда сбрасывать все атрибуты в css в качестве первого шага.

Краткое решение:

* {
  margin: 0;
  padding: 0;
}

/* your styling */

Более долгое решение:

http://meyerweb.com/eric/tools/css/reset/

49
sqe

для firefox:

-moz-padding-start: 0px;
0
Sanuich