Safari 5.0.5 for Windows中<choices>的宽度</choices>

Question

我正在开发一个Web表单，并且在Firefox 4和3.6，Chromium 11，Opera 11.10和IE 8中运行良好，但在Safari 5.0.5 for Windows中，所有<select>都有更多宽度，从而打破了布局。这是将reult与Firefox 3.6进行比较的屏幕截图：

奇怪的是，在Safari 5.0.5 for Mac中，它按预期显示。可能会发生什么？似乎箭头正在使用其框外的空间。这是CSS：

select{
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    display:block;
    height:19px;
    margin:0;
    padding:1px;
    background:#eee;
    border:1px solid #a7a7a7;
    width:128px;
}

顺便说一句，Firebug Lite for Safari报告的计算宽度与其他浏览器相同。

Answer 1

select {
    -webkit-appearance: none;
}

Answer 2

看起来您的选择框是导致问题的选择框。

某些浏览器会强制选择框宽度至少与给定选择中最宽的选项一样宽。通过减少选项中的字符数来查看这是否是您遇到的问题。