Я пытаюсь дать разницу отступы для проблемы совместимости браузераПеретяжка Css проблема совместимости вопрос-браузер
-webkit-padding-start: 4px 0px; //for google chrome
-moz-padding-start: 3px 0px; //for Mozilla Firefox
padding: 3px 0; // others browser
Но результат является обивка: 3px 0; возьмите оба браузера. Мне нужно отличить его.
Если возможно, вы должны попытаться использовать тот же стиль для всех браузеров. Даже если это немного больше работы изначально, это упрощает обслуживание. Тем не менее,
Стили padding-start принимают одно значение, а не два значения.
Пример, синтаксис -moz-padding-start:
-moz-padding-start: <length> | <percentage> | inherit | auto;
Пример:
-moz-padding-start: 10px;
Ref: https://developer.mozilla.org/en-US/docs/CSS/-moz-padding-start
Если вы делаете это в таком порядке, браузеры будут использовать последнюю декларацию: padding переопределит -webkit-padding-start. Итак, переключите объявления вокруг.
padding: 3px 0; // other browsers
-webkit-padding-start: 4px; // for Google Chrome
-moz-padding-start: 3px; // for Mozilla Firefox
Тогда -webkit-padding-start будет перекрывать начальное значение padding.
Это звучит как странный запрос на то, чтобы рендеринг браузера отличался. Это что-то компенсировать, что-то еще не так на странице? Если это так, было бы лучше обратиться к этому. –
Спасибо, мистер Листер и г-н Гуффа. Я допустил две ошибки. Объедините оба ответа, css корректно работает в обоих браузерах. Еще раз благодарю вас обоих. – Rickyrock