背景颜色和边框[暂停]

Question

我正在尝试更改整个选择元素的背景颜色。我已经在select元素和选项上尝试了背景色。它适用于该选项，但在选择列表的顶部和底部有一些灰色边框。我如何删除这个并使方框？

    .option {
       background-color: red;
       border: 0;
       outline: 0
    }

<select class="list">
        <option class="option">
    </select>

我正在测试IE和FF，因为Chrome有它的原生下拉列表

Answer 1

您正在将css设置为输入选项，尝试将css设置为选择控件。像这样：

    .option {
       background-color: red;
       border: 0;
       outline: 0
    }

<select class="option">
        <option>Option 1</option>
    </select>