Html 下拉列表边框

我想在下拉列表中添加一个红色边框，如下所示：

   <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

1.
2.
3.
4.

我试过使用

style=“border:1px solid red”

但不起作用。

---

此外，我还尝试将“选择”下拉列表添加到带有红色边框的范围中，但效果不太好。

这应该会在下拉列表中形成一个红色边框

<select style="border: 1px solid red">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

1.
2.
3.
4.

您到底想要什么？如果我的CSS中有

选择{border:1px solid red；}

，我会在选择框周围得到一个红色边框。您是否希望在整个下拉列表周围有一个红色边框？它在“选择”框中形成一个边框，您到底在寻找什么？请描述…如果您想要自定义下拉列表，则必须使用div进行设计并设置样式。对不起。在Internet Explorer中，我也需要该边框。在chrome中出现，但在IE8中不出现