html - 删除焦点上的蓝色突出显示文本

Question

当我打开模态窗口时，textarea 中的 onfocus 文本值以蓝色突出显示。我不确定应该使用什么 CSS 属性从文本中删除突出显示的 onfocus 蓝色。我尝试了以下方法，但没有用。

input[type="text"], textarea{
    outline: none;
    box-shadow:none !important;
    border:1px solid #ccc !important;
}

Answer 1

user-select 属性的替代方案 suggested by Marcos是使用 ::selection 和 ::-moz-selection(根据自己的规则)专门设置/取消设置颜色/背景所选文本(不禁用选择功能)。

input[type="text"]::selection,
textarea::selection {
  background-color: inherit;
  color: red;
}
input[type="text"]::-moz-selection,
textarea::-moz-selection {
  background-color: inherit;
  color: red;
}

input[type="text"],
textarea {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
}

<input type="text" value="test value for selection" />
<hr/>
<textarea>test text for selection</textarea>