我使用 .style.backgroundColor = '#58eaa1' 更改下拉列表的背景颜色 () 但它会将下拉列表的外观更改为 3d。即使背景颜色发生变化,我也希望外观与“初始外观”相同。
示例代码 (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/