Question

你能告诉我如何设置下拉列表项的样式吗？我想在列表项之间留出更多的间距，也许每个项下都有边框？

<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 &ndash; $5m">$2.1 &ndash; $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>

Answer 1

您可以使用JQUERY COMBOBOX

它是标准组合框的一个不显眼的替代品，允许开发人员/设计人员为控件和选项列表设置样式。

易于设置，默认样式不需要CSS类，动画下拉列表，它仍可与Forms一起使用而无需更改代码。

Answer 2

您可以将其用于样式下拉列表demo

Answer 3

检查下面的jquery插件，他们可能会帮到你

Answer 4

/ * FIRST ANSWER * /

<style>
 li {
    /* CODE HERE */
 }     
</style>

/ *编辑* /

良好的链接=＆gt; How to style a <select> dropdown with CSS only without JavaScript?

Answer 5

.list-item {
    margin-top:10px;
    margin-bottom:10px;
    border-bottom:1px;
}

如何设置下拉列表项的样式

5 个答案: