css下拉框为3px

CSS下拉框实现是Web开发中非常常见的一个效果，下面我们将通过CSS设置下拉框为3px。

 /* 样式一 */
    select {
        border: 3px solid #999;
        padding: 5px;
        font-size: 16px;
    }

    /* 样式二 */
    select {
        border: none;
        border-bottom: 3px solid #999;
        background-color: transparent;
        padding: 5px;
        font-size: 16px;
    }

    /* 样式三 */
    select {
        background-color: transparent;
        border: none;
        border-bottom: 3px solid #999;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 5px;
        font-size: 16px;
    } 

以上代码分别展示了三种不同的样式实现方式，第一种是最基本的设置下拉框边框为3px，第二种则是通过设置底边框来实现效果，第三种方式则是使用了外观样式，去掉了下拉框默认的阴影和箭头，同时设置底边框。

通过以上三种方式，我们可以非常容易的实现下拉框为3px的效果，同时也可以根据具体需求对样式进行调整和优化。