多線形成

Question

這是我用jQuery插件下拉形成具有一個奇怪的問題（插件的主頁：http://adam.co/lab/jquery/customselect/）

對於一些人物，後因故選項標題強制自己2行或更多行。我試過改變盒子的寬度，但是這不能解決問題。

這裏是我的意思的例子：

http://jsfiddle.net/hysHB/999/

<select class="styled"> 
    <option value="">This should all be on one line</option> 
    <option value="one">two</option> 
</select> 

Answer 1

嘗試添加到你的CSS

.customSelectInner{ 
    width:100% !important; 
} 

你可以改變風格這CLASSE太

.customSelect { 
/* This is the default class that is used */ 
/* Put whatever custom styles you want here */ 
} 

.customSelect.customSelectHover { 
/* Styles for when the select box is hovered */ 
} 

.customSelect.customSelectOpen { 
/* Styles for when the select box is open */ 
} 

.customSelect.customSelectFocus { 
/* Styles for when the select box is in focus */ 
} 

.customSelectInner { 
/* You can style the inner box too */ 
}