我发现我的 iPad (iOS 7) 不会禁用<button>
元素,即使它们具有disabled
属性。它们在我在我的操作系统(Windows 7)上尝试过的所有其他浏览器上都被禁用:FF、Chrome、Safari。
如果我采用相同的 html 并简单地将<button>
and 替换为<input type="button">
,则输入将如您所料那样被禁用。我想将其保留为 a<button>
的原因是因为我想放入一个img
内部,而这似乎不适用于input
. 那么如何<button>
在 iOS Safari 上禁用呢? 这是一个可以重现此问题的 jsfiddle:
<div id="hero-1" class="hero">
<button disabled="" class="go-to-hero">
<div style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR-oWvCrkzPjX9VBkJavc48RfBP1mSLPYMUIe8FpSaNzpgWWEL55A');background-position: -399px -42px;width: 13px;height: 15px">
</div>
</button>
</div>
<div id="hero-2" class="hero">
<input type="button" disabled="" class="go-to-hero">
<div style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR-oWvCrkzPjX9VBkJavc48RfBP1mSLPYMUIe8FpSaNzpgWWEL55A');background-position: -399px -42px;width: 13px;height: 15px">
</div>
</input>
</div>
当我在 iPad 上查看时,第一个按钮已启用,第二个按钮已禁用。我希望他们都被禁用。