gpt4 book ai didi

html - 更改箭头选择下拉菜单的颜色

转载 作者:行者123 更新时间:2023-11-28 15:11:01 24 4
gpt4 key购买 nike

嗨,谁能帮我,我怎么能在不改变文本颜色的情况下改变选择时这个箭头的颜色,我不想添加箭头图像,我只需要改变这个颜色,别无其他

select.dropdowni{
color: red;
}
<select  class="btn btn-default dropdown-toggle dropdowni" name="{{ $question->id }}[]"> 
<ul class="dropdown-menu">
<option value="{{ $option->id }}">Test</option>
</ul>
</select>

最佳答案

你可以尝试这样的事情。

<!DOCTYPE html>
<html>
<style>
.select_div{
overflow: hidden;
border: 1px solid #000;
position: relative;
padding: 10px 0;
}
.select_div:after{
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #f00;
position: absolute;
top: 40%;
right: 5px;
content: "";
z-index: 98;
}
.select_div select{
width: 110%;
border: 0;
position: relative;
z-index: 99;
background: none;
}
</style>
<body>
<div class="select_div">
<select>
<option>Test This Select</option>
<option>Test This Select</option>
</select>
</div>

</body>
</html>

关于html - 更改箭头选择下拉菜单的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48418061/

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