1

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

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

5 回答 5

4

您可以使用JQUERY COMBOBOX

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

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

于 2012-07-13T05:05:17.080 回答
1

您可以将其用于时尚的下拉演示

于 2012-07-13T05:15:16.133 回答
1

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

jqtransform

漂亮的表格

制服

检查更多

yui niceform

于 2012-07-13T05:54:04.790 回答
0

/* 第一个答案 */

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

/* 编辑 */

好的链接 =>如何在没有 JavaScript 的情况下仅使用 CSS 设置 <select> 下拉菜单的样式？

于 2012-07-13T05:05:03.893 回答
0 
.list-item {
    margin-top:10px;
    margin-bottom:10px;
    border-bottom:1px;
}
于 2012-07-13T05:06:30.780 回答