Safari / Firefox /浏览器无法就选择元素大小达成一致

Question

我对这些愚蠢的浏览器感到疯狂，不同意最愚蠢的事情。为什么世界上移动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;