html - Chrome browser changed submit button shape -
since update latest chrome browser version (42.0.2311.90, 64-bit, on mac os x), shape of submit buttons has changed -- without me having changed code @ all! buttons considerably higher (more empty space above , below button text) before. in fact, have tested buttons having no formatting or css @ all, , difference old button shape , buttons shown in e.g. firefox considerable. buttons overlap of text!
i have not been able figure out way make buttons narrower again not overlap text above them.
surely cannot 1 having issue, have searched , not found issue on forum. help.
screenshots:
button in chrome browser without css files involved: https://encoding.blitzeinschlag.de/button_chrome_no_css.png
button in firefox browser (including css files): https://encoding.blitzeinschlag.de/button_firefox.png
html code of div shown in screenshots:
<p style='margin: 4px 0px 2px 0px; padding: 0; font-size: 13px; font-weight: bold;'>stein20</p> <p style='margin: 0; '>126% / 27 gb frei</p><p style='margin: 0px; '>wowzastatus: <b>ok</b></p><p style='margin: 0px; '>wowza(30m): 100%</p> <p style='margin: 0; '>w-speed: 249 mbit/s</p> <p style='margin: 0; '>24h avg: 386 mbit/s</p> <form id='wowza_neustartaktiv_stein20' action='' method='post'> <input type='submit' id='wowza_neustart_button_stein20' onclick='wowza_neustart_popup("stein20")' value='neustart!' style='font-size:10px;'></form>
you can remove chrome's default stylings setting -webkit-appearance
none
:
input[type="submit"] { -webkit-appearance: none; }