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

Question

[SilentImp]

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

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

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

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

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

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

Comments

[mester]

А потеря одного пикселя идёт по сравнению с чем? С батонном в фаерфоксе?

[SilentImp]

Нет, в FireFox там вообще страшный суд с button.
В сравнении с chrome, который нормально сбрасывает стили для button.

Answer 1

[ertaquo]

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

Comments

[ertaquo]

Кстати, стоит еще посмотреть разные -webkit-* свойства. Может, в каком-то из них этот пиксель и теряется =\

[SilentImp]

JS — зло. Если нет хака и такая ситуация — надо переверстать. Что и было сделано.

Answer 2

[wearymax]

Как вариант использовать jQuery.browser
но!
Если в третьем сафари под винду такое происходит, то это должно происходить и в третьем сафари на маке. Следовательно вам нужен хак ТОЛЬКО для третьего сафари, тогда возможно поможет этот или скриптом:

isSafari3 = false;
if(window.devicePixelRatio) isSafari3 = true;

Comments

[SilentImp]

JS — зло. Если нет хака и такая ситуация — надо переверстать. Что и было сделано.

Answer 3

[MT]

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

Comments

[SilentImp]

JS — зло. Если нет хака и такая ситуация — надо переверстать. Что и было сделано.

[MT]

Зло — это как раз CSS-хаки, фильтрующие отдельно взятые браузеры или их версии, работоспособность которых (хаков) в будущем не гарантирована (не future proof). Указанный мной способ применения JavaScript, напротив, гарантирует тот же самый результат даже через много лет. Впрочем, если удалось добиться нужного результата на чистом CSS без хаков — это, конечно, вообще замечательно.

Answer 4

[mester]

Если нужна одинаковый 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;}
/* получается классическая кнопка, но она будет идентичной везде */

Comments

[SilentImp]

*{margin:0;padding:0} — это вообще то, прошу прощения, пиздец отступов во многих контролов. Скропостижный и окончательный.

Кроме того… проблема:
1. В Safari.
2. С фоном, от которого Safari и откусывает пиксель по высоте.