Question

我已经知道如何使用

删除文本输入大纲

input:focus {
    outline:none;
}

但它不适用于textareas并选择。感谢

编辑：已经尝试过textarea：焦点和选择：焦点，它不起作用。

Answer 1

不需要:focus你可以通过

来做到这一点

input[type="text"], textarea, select {outline:none}

这是工作演示Link

Answer 2

:focus并非必需。试试这个：

<强> HTML：

<textarea placeholder="without class"></textarea>

<强> CSS：

textarea {
  outline: none;
}

<强> Without class Demo

但是如果你能设置一个课程，那就更好了。

<强> HTML：

<textarea  class="no-focus" placeholder="Look ma, no focus!"></textarea>

<select class="no-focus">
  <option value="">Option, no focus!</option>
  <option value="">Option, no focus!</option>
  <option value="">Option, no focus!</option>
</select>


<textarea class="focus" placeholder="Your amazing textarea with focus"></textarea>
<select class="focus">
  <option value="">Option, with focus</option>
  <option value="">Option, with focus</option>
  <option value="">Option, with focus</option>
</select>

<强> CSS：

.no-focus {
  outline: none;
}
.focus {
  outline-color: yellow;
}
/* Just for demo */
textarea {
  width: 100%;
  height: 100px;
}
select {
  padding: 20px 0px;
  width: 100%;
  margin-bottom: 30px;
}

<强> Live Demo

CSS在焦点时摆脱textareas / choose中的蓝色轮廓

2 个答案: