有没有办法在 <select> 表单中的 <option> 标签之间使用 CSS 设置间距或边距？ [复制]答案

【问题标题】：Is there a way to make spacing or margin with CSS between <option> tags in a <select> form? [duplicate]有没有办法在 <select> 表单中的 <option> 标签之间使用 CSS 设置间距或边距？ [复制]
【发布时间】：2014-07-17 06:47:23
【问题描述】：

我有一个包含大约 8 个选项的表单。我成功地使它们具有不同的颜色，但现在我想在它们之间添加白色间距——比如 10px。我什至尝试添加边框，但没有显示。这就是我正在尝试的

#mobileMenuSections select option {
    margin:5px 0;
    background: rgba(0,0,0,0.3);
    color:#fff;
    background: url("Images/buttonnavy.png") no-repeat scroll left top #092F46;
}

或带边框：

#mobileMenuSections select option {
    border-top:10px 0;
    background: rgba(0,0,0,0.3);
    color:#fff;
    background: url("Images/buttonnavy.png") no-repeat scroll left top #092F46;
}

很遗憾，这些都没有显示。背景图片也没有显示。

提前感谢您的帮助。

【问题讨论】：

看这个小提琴jsfiddle.net/UCn4V
我试过了...它不工作填充工作但边距不工作

标签： html css

【解决方案1】：

样式选项非常有限，并且很难在不同的浏览器上维护。我建议您查看this stackoverflow 问题，或者查看一些 jQuery UI 下拉列表或其他 jQuery 插件。

【讨论】：