html - 选择下拉内联标签文本

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>