使用jquery.customSelect插件为下拉表单强制多行

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 */
}