在iOS Safari中，如何禁用html按钮元素？

Question

我发现我的iPad（iOS 7）不会禁用<button>元素，即使它们具有disabled属性也是如此。我在我的操作系统（Windows 7）上尝试过的所有其他浏览器都禁用它们：FF，Chrome，Safari。

如果我使用相同的html并简单地替换<button>和<input type="button">，则输入将被禁用，如您所料。我希望将其保留为<button>的原因是因为我想在img内置一个input似乎不适用<button>。那么如何在iOS Safari上禁用<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> ？ Here is a jsfiddle that can reproduce this issue：

{{1}}

当我在iPad上查看时，第一个按钮被启用，第二个按钮被禁用。我希望他们都被禁用。