如何风格下拉列表项目

问题描述：

你们可以请告诉我如何风格下拉列表中的项目？我想给列表项目之间留出更多空间，也许每个项目下都有一个边框？如何风格下拉列表项目

<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>

这不是Java相关的，是的Javascript – 2012-07-13 05:03:21

答

检查下面的jQuery插件，它们可以帮助你

答

/*先回答*/

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

/*编辑*/

很好的链接=>How to style a <select> dropdown with CSS only without JavaScript?

你好。谢谢。我在谈论下拉列表（Select）no li – user1074803 2012-07-13 05:05:50

下拉列表和列表不是一回事。下拉列表是一种输入类型，您可以单击一个栏并选择更多选项。见http://en.wikipedia.org/wiki/Drop-down_list – DrinkJavaCodeJava 2012-07-13 05:07:14

@ redelman431我知道不同之处。我认为他可能会感到困惑，但给了他所要求的。 – Cjueden 2012-07-13 05:08:16

答

您可以使用JQUERY COMBOBOX

这是一个不显眼的替换标准组合框，允许开发人员/设计师设计风格trol和选项列表。

易于设置，默认样式不需要CSS类，动画下拉菜单，它仍然适用于窗体而不需要更改代码。

可以请你给我下链接它的链接 – user1074803 2012-07-13 05:10:44

嗯。不完全的。我的表单是在PHP中生成的，我在我的页面中获得了这些代码。 – user1074803 2012-07-13 05:26:25

答

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

答

您可以使用此为stylished下拉demo

如何风格下拉列表项目

相关推荐