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

Question

当我打开模态窗口时，textarea 中的 onfocus 文本值以蓝色突出显示。我不确定应该使用什么 CSS 属性从文本中删除突出显示的 onfocus 蓝色。我试过下面的，但它不起作用。

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

Answer 1

您可以使用user-select以避免选择任何文本

input {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}

<input type="text">

请小心这一点，因为您避免选择向用户提示，并且这会导致可访问性丢失。