jQuery CSS 宽度属性在 Safari 上返回不一致

Question

下面是我的 jQuery 片段，我在其中抓取一个下拉菜单并尝试从中获取内联宽度样式。我的问题是，在 Safari 上，我没有获得 225 的 newWidth。

targetSelect 是 r_select，所以我不明白为什么我的 Safari 会返回与 Firefox 不同的宽度，例如。

// get the current select box
targetSelect = $(this);
newWidth = parseInt(targetSelect.css('width'));

我的标记:

<select name="r_select" id="r_select" style="width: 225px; height: 50px; float: left;">
    <option>Mickelson</option>
    <option>Montgomerie</option>
    <option>Watson</option>
    <option>Casey</option>
</select>

我应该补充一点，我在这个下拉菜单中没有遇到同样的问题:

<select id="r_select_overlay" class="r_select_overlay_test no_style" name="r_select_overlay" style="width: 145px; height: 50px; float:left;">
        <option>Mickelson</option>
        <option>Montgomerie</option>
        <option>Watson</option>
        <option>Casey</option>
</select>

Answer 1

尝试获取 outerWidth 而不是简单的宽度，看看是否可行。

http://api.jquery.com/outerWidth/