javascript - Safari/Firefox/浏览器不能就选择元素大小达成一致

Question

这些愚蠢的浏览器不同意最愚蠢的事情，我快疯了。为什么移动 Safari 渲染的选择元素比其他浏览器大？甚至桌面野生动物园！

因此，由于我不希望每个浏览器中都有一个完美对齐的选择框，除了移动 safari，我必须使用 js 来更改宽度。问题是它不起作用。

<script type="text/javascript">
    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
        $document.GetElementById('safari_state').style.width="400px";
    }
</script>

我的选择与页面上除移动 safari 之外的所有其他输入完全对齐。谢谢。

Answer 1

尝试使用不同的盒子尺寸：

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;