圆角<选择>下拉

Question

我正在尝试曲线选择下拉框选项。 到目前为止，我已经通过将某些样式应用于选择标记，在下拉框本身（随选项下拉的框）中实现了样式效果，但我想在选项中给出border-radius。 这是我到目前为止使用的css任何使用JS的建议你可以建议我： ＆＃13; ＆＃13; .formRight选择{＆＃13;     background：none repeat scroll 0 0 #FFFFFF;＆＃13;     border：1px solid＃E5E5E5;＆＃13;     border-radius：5px 5px 5px 5px;＆＃13;     box-shadow：0 0 10px＃E8E8E8 inset;＆＃13;     身高：40px;＆＃13;     保证金：0 0 0 25px;＆＃13;     填充：10px;＆＃13;     宽度：110px;＆＃13; }＆＃13; ＆lt; p class =＆＃34; formRight＆＃34;＆gt;＆＃13; ＆lt; span style =＆＃34; padding-right：100px＆＃34;＆gt;潜在客户类型：＆lt; / span＆gt;＆＃13; ＆＃13;     ＆lt; select id =＆＃34; leadType＆＃34;类=＆＃34; BOX2＆＃34;名称=＆＃34; lead_type＆＃34;＆GT;＆＃13;         ＆lt; option value =＆＃34; 1＆＃34;＆gt; 1＆lt; / option＆gt;＆＃13;         ＆lt; option value =＆＃34; 2＆＃34;＆gt; 2＆lt; / option＆gt;＆＃13;         ＆lt; option value =＆＃34; 3＆＃34;＆gt; 3＆lt; / option＆gt;＆＃13;     ＆LT; /选择＆GT;＆＃13; ＆LT; / P＆GT;＆＃13; ＆＃13; ＆＃13;

Answer 1

您无法控制原始select控件下拉列表的样式，并且您当然无法为其添加圆角边框。

要实现您的需求，您必须使用第三方下拉插件，将select及其option元素替换为纯HTML，例如Select2。

Answer 2

您只能使用css来设置周围的选项框样式。您可以管理的唯一方法是使用div创建您自己的虚拟选择输入，并根据需要设置样式。

Answer 3

没有用于样式<option>标记的跨浏览器CSS特性，如果你想要选择角落，你应该使用SelectBoxIt jQuery插件。

http://gregfranko.com/jquery.selectBoxIt.js/