我可以在表单的select标签中嵌入一个元素吗？

Question

我希望在一堆颜色选项旁边添加一个色样，即......

标记：

<select class="form-control required" name="stripe-form-color">
    <option>Pacific Blue <span class="blue"></span></option> </select>

CSS：

form select span {
    margin-left: 10px;
    height: 10px;
    width: 10px;
    border: 1px solid #000;
}

form .blue {
    background: #27a9d4;
}

当我尝试这个并检查来源时，跨度不会出现在select元素中。

非常感谢任何帮助，谢谢！

Answer 1

没有。 select标记中允许的唯一元素是option和optgroup。如果您已经好好了解selects，您会注意到浏览器可以完全控制样式;你只会在select内看到纯正的，没有样式的黑色文字。如果您已经看到其他内容，则不是原生选择。

因此，您需要使用自定义解决方案来实现您期望的目标。您可以尝试jQuery.chosen之类的内容，或尝试构建自己的内容。