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;