Chrome瀏覽器已更改提交按鈕形狀

自從更新到最新的Chrome瀏覽器版本（42.0.2311.90,64位，在Mac OS X上）後，所有提交按鈕的形狀都發生了變化 - 未更改我的代碼所有！按鈕現在比以前更高（按鈕文本上方和下方更多的空白空間）。事實上，我已經用沒有格式化或CSS的按鈕對它進行了測試，並且區別於舊按鈕形狀和例如顯示的按鈕。 Firefox是相當可觀的。按鈕現在實際上與我的一些文本重疊！Chrome瀏覽器已更改提交按鈕形狀

我還沒有找到一種方法來再次縮小按鈕，以避免重疊上面的文本。

當然，我不能成爲唯一有這個問題的人，但我已經在這個論壇上搜索並沒有發現這個問題。謝謝你的幫助。

截圖：

按鈕在Chrome瀏覽器中沒有CSS文件涉及：在截圖所示https://encoding.blitzeinschlag.de/button_firefox.png

HTML的DIV的代碼：https://encoding.blitzeinschlag.de/button_chrome_no_css.png

按鈕在Firefox瀏覽器（包括CSS文件）：

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

來源

2015-04-23 az2014

您可以通過設置來刪除Chrome的默認樣式至none：

input[type="submit"] { 
    -webkit-appearance: none; 
}

來源

2015-04-23 07:56:41 mattytommo

Chrome瀏覽器已更改提交按鈕形狀

回答

相關問題