Question

自从更新到最新的Chrome浏览器版本（42.0.2311.90,64位，在Mac OS X上）以来，所有提交按钮的形状都发生了变化 - 我根本没有更改我的代码！按钮现在比以前高得多（按钮文本上方和下方的空白空间）。实际上，我已经使用没有格式化或CSS的按钮测试了这个，并且与旧按钮形状和按钮中显示的按钮不同。 Firefox相当可观。按钮现在实际上与我的一些文本重叠！

我无法找到一种方法让按钮再次变窄，以免与上面的文字重叠。

当然，我不能成为唯一一个有这个问题的人，但我已经搜索过，但在这个论坛上没有找到这个问题。谢谢你的帮助。

截图：

Chrome浏览器中没有涉及CSS文件的按钮：https://encoding.blitzeinschlag.de/button_chrome_no_css.png

Firefox浏览器中的按钮（包括CSS文件）：https://encoding.blitzeinschlag.de/button_firefox.png

屏幕截图中显示的DIV的HTML代码：

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

Answer 1

您可以将-webkit-appearance设置为none来删除Chrome的默认样式：

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

Chrome浏览器更改了提交按钮形状

1 个答案: