gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-10-31 08:45:03 26 4
gpt4 key购买 nike

我的输出代码是:-

<!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>

这段代码是下拉框的开玩笑输出但现在我想在下拉列表中添加图像,如下图 enter image description here

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

最佳答案

在 Css 下试试这个....

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

关于javascript - 如何在下拉按钮上添加图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23565740/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com