表单上的Iphone <button>图像已更改</button>

Question

好的，这就是我的问题，我有3个按钮可以在手机和手机上工作，但有一个主要区别，在移动设备上，按钮缩小了50％，神奇地得到了圆角。 （忽略顶部图像有一个检查，底部有加号的事实，它们做同样的事情）

<button type="button" onClick="parent.location='../index.php'" title="Back to Main Menu">
  <img src="../../css/images/back_25.png" />
</button>
<button type="reset" title="Reset">
  <img src="../../css/images/restart_25.png" />
</button>
<button type="submit" title="Done">
  <img src="../../css/images/plus_25.png" />
</button>
<input type="hidden" value="submit" name="submit" /> 

有这个问题的快速解决方法吗？两组按钮再次正常工作，看起来不同。

根据要求：我也试过这段代码。

<button type="reset" style="width:49px; height:33px;">
<img src="../../css/images/restart_25.png" width="25" height="25" />
 </button>

这是一回事。我也尝试设置为style =“width：50px; height：50px，按钮变成一个完整的圆圈。

Answer 1

好吧，我真的没有看到任何人能够解决我的问题，所以我开始把按钮的高度和宽度弄得多一点，并且有点幸运地落在两个中间地带上浏览器。

<button type="reset" title='Reset' style='height:33px; width:50px'>
   <img src="../../css/images/restart_25.png" />
</button>

这似乎是我特定情况的最佳点。因为pc浏览器没有受到影响而且iphone / safari端可以看到图标。