如何使用css设计选择框

Question

大家好，每个人都可以帮助我如何使用css创建我的选择框。

我是网络开发的新手，任何人都可以帮我制作这种设计吗？

htm代码：

<select class="black" >
<option>Here is the first option</opstion>
<option>red</opstion>
<option>white</opstion>
</select>

Answer 1

.black {
    background: #444444;
    border: 1px solid #26487f;
    border-radius: 1px;
    color: #fff;
    outline: 1px solid #a5c7fe;
    padding: 6px 10px;
}

JSFiddle demo

您还需要修复HTML中的错误：</opstion>应为</option>。