当我点击选择框时,我有一个选择框,它显示选项,但下拉框宽度超过了选择框的宽度 . 如何控制下拉框的宽度和高度 . 使用CSS或JQuery .
我通过为 .selectbox option{width: 300px;}
提供 width
属性尝试了css但是它没有用 .
有什么方法可以控制选项框的宽度 . 如果选项的文本换行到下一行就没问题
请参阅我的代码jsfiddle.net/5bt80txn
当我点击选择框时,我有一个选择框,它显示选项,但下拉框宽度超过了选择框的宽度 . 如何控制下拉框的宽度和高度 . 使用CSS或JQuery .
我通过为 .selectbox option{width: 300px;}
提供 width
属性尝试了css但是它没有用 .
有什么方法可以控制选项框的宽度 . 如果选项的文本换行到下一行就没问题
请参阅我的代码jsfiddle.net/5bt80txn
3 回答
您可以使用
select
标记的值添加宽度,然后option
将跟随 .Example: 选择{
width: 320px;
}您必须使用文档对象模型选择器
option
选择器或为每个option
提供一个类并设置它们的样式 . 该解决方案对我有用:HTML
CSS
}
注意:
这在webkit浏览器中不起作用!
像这样: