<select>聚焦后如何禁用边框突出显示(轮廓)。我可以禁用它像其他元素<input>,<textarea>,<button>而不是<select>标签。
这是我的CSS,我确实包含了select:focus它,但是它不起作用。:(
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {
outline: none;
}
Run Code Online (Sandbox Code Playgroud)
这是代码段:
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {
outline: none;
}
Run Code Online (Sandbox Code Playgroud)
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none !important;
}
body {
padding: 40px 20px 20px 20px;
}
.qa-collapse {
background-color: rgb(245, 245, 245);
}
.qa-input {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-right: none !important;
border: 1px solid #F2F2F2;
width: 82%;
padding: .25rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057; …Run Code Online (Sandbox Code Playgroud)