【问题标题】: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 插件。

【讨论】:

    猜你喜欢
    • 2018-08-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-06
    • 2013-01-13
    • 1970-01-01
    • 2011-03-27
    相关资源
    最近更新 更多