javascript - 选择下拉列表背景颜色效果 View

标签 javascript css

我使用 .style.backgroundColor = '#58eaa1' 更改下拉列表的背景颜色 () 但它会将下拉列表的外观更改为 3d。即使背景颜色发生变化,我也希望外观与“初始外观”相同。

Initial appearance

after changing background color

示例代码 (html)

function changecolor(){
    var dropdownlist = document.getElementById('dropdownlist');
    dropdownlist.style.backgroundColor = 'green';
}
<!DOCTYPE html>
<html lang="en">
<script src="test.js"></script>
<body>
<div class="header">
    <select id="dropdownlist" onchange="changecolor()">
        <option>0</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
    </select>
</div>
</body>
</html>

最佳答案

试试吧,我想这会解决你的问题

<select style="background:#58eaa1 !important; border:1px solid #abadb3">
    <option>hdd</option>
</select>

关于javascript - 选择下拉列表背景颜色效果 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47386930/

相关文章:

javascript - Devbridge JQuery 自动完成不适用于 serviceUrl

javascript - Cron 和 nightjs

layout - 在复杂的 CSS 布局中将高度设置为最大值。在维基中

css - 将类添加到 Ruby On Rails 公式中的 collection_select

html - 与背景图像相关的问题仅在 IE8 中不显示

css - 如何添加填充/边距以移动 :after up

javascript - 在 div 中调整 <img> 的大小和居中并保持纵横比

javascript - 限制函数在特定时间后运行

javascript - 如何强制 JSON.parse 抛出数字?

javascript - Knockout.js,依赖于 Observable 的条件 Observable?