css - 如何去除下拉列表: CSS的边框

Question

我想删除下拉列表外的边框。
我正在尝试:

select#xyz option {
  Border: none;
}

但对我不起作用。

Answer 1

您不能为下拉框本身设置样式，只能为输入字段设置样式。该框由操作系统呈现。

如果您想更好地控制输入字段的外观，您可以随时查看 JavaScript solutions .

但是，如果您的意图是从输入本身移除边框，则您的选择器是错误的。试试这个:

select#xyz {
    border: none;
}