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; } 

Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

utf 8 - split utf-8 string into bytes in python -