3

我发现我的 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 上查看时,第一个按钮已启用,第二个按钮已禁用。我希望他们都被禁用。

4

0 回答 0