如何设置下拉列表项的样式
How to style Drop Down list items
你们能告诉我如何设计下拉列表项目的样式吗?我想在列表项目之间留出更多的间距,也许在每个项目下都有一个边框?
<select class="text_select" id="field_14" name="field_14" style="opacity: 0;">
<option value="- Select -">- Select -</option>
<option value="0 - $2m">0 - $2m</option>
<option value="$2.1 – $5m">$2.1 – $5m</option>
<option value="$5.1 - $10m">$5.1 - $10m</option>
<option value="$10 -$20m">$10 -$20m</option>
<option value="Greater than $20M">Greater than $20M</option>
</select>
您可以使用JQUERY COMOBOX
它是标准组合框的一个不引人注目的替代品,允许开发人员/设计师对控件和选项列表进行样式化。
易于设置,默认样式不需要CSS类、动画下拉列表,并且它仍然可以与Forms一起使用,而不需要更改代码。
检查下面的jquery插件,它们可能会帮助您
jqtransform
漂亮的
均匀
查看更多
yui格式的
您可以将其用于样式化的下拉演示
/*第一个答案*/
<style>
li {
/* CODE HERE */
}
</style>
/*编辑*/
好链接=>如何设计<选择>只使用CSS而不使用JavaScript的下拉列表?
.list-item {
margin-top:10px;
margin-bottom:10px;
border-bottom:1px;
}
相关文章:
- 如何使用jQuery选择下拉列表的值
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- jQuery表单添加不适用于下拉列表
- CKEditor自定义样式下拉列表,带有预览但没有内联
- 如何设置下拉列表项的样式
- 如何在TinyMCE 4.0.10版本中使用importcss插件?(无法加载content_css并查看样式下拉列表)
- jQuery 使用两个下拉列表更改输入 css 样式
- 样式建议下拉列表
- 使用下拉列表将样式添加到D3路径
- 引导程序'选择'样式,使用jquery转换为bootstrap下拉列表
- TinyMCE:样式下拉列表没有填充
- 样式下拉列表:获取兄弟元素的高度并求和
- 如何对下拉列表项的标题属性应用样式
- 动态创建和填充文本框或下拉列表框后,如何设置文本框或下拉列表框的样式
- 样式选择不带jQuery的下拉列表
- 如何将样式应用于剑道下拉列表中的一个元素
- 自定义下拉列表样式(CSS/JS与ASP.. NET c#连接)
- 如何样式的复选框,单选按钮,下拉列表的javascript
- 如何使用下拉列表使单个HTML页面为主题选择不同的CSS样式表