不可能使用CSS設置SELECT元素的寬度

這只是我，或者使用CSS來指定SELECT元素的寬度不起作用（至少在IE中）？不可能使用CSS設置SELECT元素的寬度

我可以申請寬度的唯一方法是設置它像：

<select id="pageSizes" name="size" style="width: 45px">

我的CSS是：在IE9和IE7兼容模式

#pageSizes 
{ 
    width: 45px 
}

來源

2012-01-04 Alex Guerin

對我來說工作正常; http://jsfiddle.net/3nMjD/ – Zar 2012-01-04 00:58:44

適用於IE 8中的我。你錯過了什麼嗎？ – 2012-01-04 00:59:55

同樣的：http://jsfiddle.net/mattball/DG37r/ – 2012-01-04 01:00:55

工作正常，我（fiddle ）：

<select id="pageSizes" name="size"> 
    <option>8.5" x 11"</option> 
    <option>6" x 10"</option>  
</select>

CSS：

#pageSizes 
{ 
width:45px; 
}

[編輯]通過你所描述的行爲，其中一個內嵌式的達到預期的結果來看，你可能有一個衝突的CSS規則的地方。所以，告訴我們全部你的CSS。

來源

2012-01-04 01:00:15 canon

@ xander-guerin確保使用HTML5 DOCTYPE [將IE瀏覽器放入「幾乎標準模式」 http://en.wikipedia.org/wiki/Quirks_mode#Comparison_of_document_types）：'<！DOCTYPE html>' – 2012-01-04 01:04:44

感謝您的提示。 – 2012-01-04 01:18:54

你發現了什麼？ – canon 2012-01-04 02:13:45

檢查，看看，如果你認爲正在應用沒有得到其他一些定義在其他地方覆蓋的樣式......

http://www.htmldog.com/guides/cssadvanced/specificity/

隨着鉻很簡單，找出哪些款式適用於元素檢查表示元素

來源

2012-01-04 01:01:24 xandercoded

我的錢在'！important'存在的地方。 – canon 2012-01-04 01:06:06

@antisanity同意了，或者一些其他'選擇器'更***的重量***與「他的」定義衝突... – xandercoded 2012-01-04 01:07:09

IDS自己得到一個相當沉重的重量。 – canon 2012-01-04 01:10:36

不可能使用CSS設置SELECT元素的寬度

回答

相關問題