html – 如何添加填充？

自从我完成了一些严格的 HTML / CSS编码以来,已经有几个月了,所以我可能错过了很多事情,但是今天我偶然发现了一件非常奇怪的事情.

当我尝试将填充应用于< input type =“submit”>时,它不再工作了.
我有99％的确定我能够做到这一点,但现在看起来好像是不可能的.

我甚至看过我的一个老项目,我知道我在提交按钮上填充了,但是它们不再工作了.

这是一个有关该问题的演示

<input type="submit" value="Submit" style="padding: 5px 10px;">
<button type="submit" value="Submit" style="padding: 5px 10px;">Submit</button>

以及Mac上的Google Chrome 15的外观

但它似乎在Firefox 4中似乎不起作用

Here’s a link to the demo source on JSbin.com

我会打赌,这是在大约6个月前工作,但有些事情必须改变.我一直在使用Windows Vista和OS X SNow Leopard,最近升级到Lion,但似乎不是这样.

我错过了什么吗？

编辑：修正错字DID不帮助.填充仍然不适用于第一个按钮.

编辑2：经过Adobe Browserlab后,看起来这是OS X的具体问题.即使在OS X上,我仍然想知道如何做到这一点.

解决方法

这个问题对于OS X Firefox来说也是很明显的.解决方案是在应用您自己的之前禁用浏览器的默认外观：

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

更多信息：http://css-tricks.com/almanac/properties/a/appearance/

原文地址：https://www.jb51.cc/html/230603.html