Сведения о вопросе

Pytdev

05:18, 22nd August, 2020

Теги

CSS   Safari   HTML    

CSS хак, работающий в актуальных версиях Safari, причем только под Windows?

Просмотров: 340   Ответов: 4

Приятного времени суток.

Столкнулся сo скверным поведением button в Safari под Windows.

(Проблемы с обнулением стилей по умолчанию, marging, padding etc.)

В резульате теряю нужный мне пиксель высоты.

Не то что бы это был конец света… но хочеться «что бы все».

Подскажите CSS хак, работающий в актуальных версиях Safari, причем только под Windows.



  Сведения об ответе

P_S_S

01:42, 7th August, 2020

Может попробовать это: rafael.adm.br/css_browser_selector/
Яваскрипт, конечно, но вроде бы конкретно под виндовую версию хаков нету =\ Движок-то один и тот же используется что под виндой, что под os x.


  Сведения об ответе

SEEYOU

12:46, 26th August, 2020

Как вариант использовать jQuery.browser
но!
Если в третьем сафари под винду такое происходит, то это должно происходить и в третьем сафари на маке. Следовательно вам нужен хак ТОЛЬКО для третьего сафари, тогда возможно поможет этот или скриптом:
isSafari3 = false;
if(window.devicePixelRatio) isSafari3 = true;


  Сведения об ответе

PHPH

22:32, 28th August, 2020

Отображайте по умолчанию обычную кнопку, а по факту доступности DOM заменяйте средствами JavaScript на сколь-угодно сложно (и кроссбраузерно) стилизованную ссылку с обработчиком onclick.


  Сведения об ответе

PROGA

19:18, 28th August, 2020 

Если нужна одинаковый button / input[type="submit"], предлагаю следующее:

*{margin:0;padding:0}

button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner{border:none;} /* решает проблемы с высотой в фаерфоксе, убирая лишний бордер внутри кнопки */

button,input[type="submit"]{height:24px;border-width:1px;background:#f0f0f0;padding:0 15px;}
/* получается классическая кнопка, но она будет идентичной везде */


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться