javascript – 如何在下拉按钮上添加图像

2023年9月29日 216次阅读

我的输出代码是： –

<!DOCTYPE html>
<html>
<style>

#one
{
margin-left:150px;
}

</style>
<body>
<select id="one">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

此代码是下拉框的jest输出
但现在我认为在下拉列表中添加图像,如下图所示

我想更改下拉列表箭头的默认外观,以便在所有浏览器中都能正常运行.

最佳答案 试试这下面的Css ….

select#one {
    -moz-appearance: none;
    background: url("../images/select_arrow.png");
    text-indent: 0.01px;
    text-overflow: "";
}
点赞