Question

我有一个国家/地区选择的下拉菜单。屏幕上的颜色需要为白色，但现在下拉选项也是白色，背景为白色。有没有办法改变它？

CSS：

.styled-select select {
    background: url('images/dob-field-bg2.png') no-repeat;
    outline: none;
    width: 250px;
    padding: 5px;
    font: 20px bold helvetica, arial, sans-serif;
    color: #fff;
    border: 0;
    border-radius: 0;
    height: 50px;
    -webkit-appearance: none;
}

HTML：

<div class="styled-select">
    <select name="Country">
        <option value="" selected="selected">Select Country</option>
        <option value="United States">United States</option>
        <option value="United Kingdom">United Kingdom</option>
        <option value="Afghanistan">Afghanistan</option>
        <option value="Albania">Albania</option>
        <option value="Algeria">Algeria</option>
        <option value="American Samoa">American Samoa</option>
        <option value="Andorra">Andorra</option>
    </select>
</div>

Answer 1

尝试添加如下内容： DEMO

<强> CSS：

select option{
    color:#333;
}

您可以为以下选项添加背景颜色： DEMO

带下拉背景色的CSS：

select option {
    color:#333;
    background-color:yellow;
}

Answer 2

只需将color: #fff更改为color: #000

即可

更改选择html中的颜色文本

2 个答案: