小编And*_*Koh的帖子

按下后如何删除<select>上的边框突出显示

<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)

html css bootstrap-4

5
推荐指数
1
解决办法
1548
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1