0

我的网站上有一个类似工具栏的功能，使用<input type="button" />带有背景图像的 s 作为图标，并且一些按钮在没有文本的情况下看起来更好，所以我删除了values 但这弄乱了其他一些 CSS（长篇故事）所以我的解决方案是将它们的value属性设置为空格。这在 Firefox 和 Chrome 中看起来很完美，但在 Internet Explorer（在版本 10 中测试）中，它会将空格值按钮向下移动，以使其顶部input与其 "sibling" 的文本对齐input。

这是一些简单的 HTML 来复制“错误”，唯一中断的按钮是带有空格的按钮（任何数量的空格仍然会中断显示）。我可以通过使用 CSS 或   轻松解决这个问题，但我只是想知道是否有人有更好的解决方案，和/或它是否是 IE 中的实际错误！

<html><head><title></title></head><body><form>
  <input type="button" value="Something" />
  <input type="button" value=" " />
  <input type="button" value="&nbsp;" />
  <input type="button" value="" />
  <input type="button" />
</form></body></html>

编辑：我刚刚注意到 Chrome 与该演示中的最后两个相反（将按钮向上移动）（没有价值）！疯狂。

4

0 回答 0