javascript - 使用 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;
}

你也可以改变这个类的样式

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