gpt4 book ai didi

html - 无法从 Firefox 选择下拉列表中删除轮廓/虚线边框

转载 作者:技术小花猫 更新时间:2023-10-29 11:34:19 25 4
gpt4 key购买 nike

<分区>

我有一个 down down 样式,但是在 Firefox 中单击它时我无法删除虚线边框。我已经使用了 outline: none 但它仍然不起作用。有什么想法吗?

CSS:

.styled-select {
background: lightblue;
font-size: 20px;
height: 50px;
line-height: 50px;
position: relative;
border: 0 none !important;
outline: 1px none !important;
}
.styled-select select {
background: transparent;
border: 0;
border-radius: 0;
height: 50px;
line-height: 50px;
padding-top: 0; padding-bottom: 0;
width: 100%;
-webkit-appearance: none;
text-indent: 0.01px;
text-overflow: '';
border: 0 none !important;
outline: 1px none !important;
}

HTML:

<div class="styled-select">
<select id="select">
<option value="0">Option one</option>
<option value="1">Another option</option>
<option value="2">Select this</option>
<option value="3">Something good</option>
<option value="4">Something bad</option>
</select>
</div>

请看这个jsFiddle .

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