选择下拉内联标签文本

Question

我想在我的选择下拉列表中插入一个标签。

此处 卖 是标签文字， 美国 是其中一个下拉选项。 什么是实现这个的最好方法。我觉得我必须写一个自定义下拉列表。

Answer 1

你的意思是这样吗？ http://jsfiddle.net/rw6d2r25/6/

select {
    padding-left:65px;
    height:40px;
    position:relative;
    border:1px solid #333;
    width:300px;
    display:block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    border-radius: 0;
    -webkit-box-shadow: none;
}
label {
    position:absolute;
    z-index:1;
    height:40px;
    line-height:40px;
    pointer-events:none;
    text-indent:10px;
    font-weight:bold;
}
label, select {
    font-family:Arial;
    font-size:15px;
}

<label>Sell In:</label>
<select>
    <option>United States</option>
    <option>United AE</option>
</select>

Answer 2

让<select>裸体：

* {font-family: 'Segoe UI'; font-size: 10pt;}
select {border: none; color: #666;}

<label>
  <span>Sell in</span>
  <select>
    <option>United States</option>
  </select>
</label>

Answer 3

是。原生<select>代码不接受改进或高级样式。您可以尝试使用jquery插件注册表

中选择的插件或select2

• Chosen
• Select2