CSS hack that works in current versions of Safari, and only under Windows?

Question

css

Have a nice time of the day.
Faced bad behavior of button in Safari under Windows.
(Problems with resetting default styles, marging, padding, etc.)
As a result, I lose the height pixel I need.
Not that it was the end of the world ... but I want "that would be all."
Tell me a CSS hack that works in current versions of Safari, and only under Windows.

Answer 1

You can try this: rafael.adm.br/css_browser_selector/
Javascript, of course, but it seems that there are no hacks specifically for the Windows version = \ The engine is the same used under both Windows and os x.

Answer 2

As an option use jQuery.browser
but!
If this happens in the third safari under Windows, then this should happen in the third safari on a poppy. Therefore, you need a hack ONLY for the third safari, then maybe this one or a script will help:

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

Answer 3

Display a regular button by default, and when the DOM is available, replace it using JavaScript with any complex (and cross-browser) stylized link with the onclick.

Answer 4

If you need the same button / input[type="submit"], I suggest the following:

*{margin:0;padding:0}

button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner{border:none;} / * solves height issues in firefox by removing the extra border inside the button */

button,input[type="submit"]{height:24px;border-width:1px;background:#f0f0f0;padding:0 15px;}
/* get a classic button, but it will be identical everywhere */