自从我完成了一些严格的
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;
}
