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

Html 删除焦点上突出显示的蓝色文本,html,css,Html,Css,当我打开模式窗口时,文本区域中的onfocus文本值以蓝色突出显示。我不确定应该使用什么CSS属性从文本中删除突出显示的onfocus蓝色。我试过下面的,但不起作用 input[type="text"], textarea{ outline: none; box-shadow:none !important; border:1px solid #ccc !important; } 您可以使用用户选择来避免选择任何文本 输入{ -webkit用户选择:无;/*Chrom

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

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

您可以使用
用户选择
来避免选择任何文本

输入{
-webkit用户选择:无;/*Chrome all/Safari all*/
-moz用户选择:无;/*Firefox全部*/
-ms用户选择:无;/*IE 10+*/
用户选择:无;/*可能的未来*/
}

用户选择属性的替代方法是使用
:选择
:-moz选择
(根据各自的规则)专门设置/取消设置所选文本的颜色/背景(无需禁用选择功能)

input[type=“text”]::选择,
text区域::选择{
背景色:继承;
颜色:红色;
}
输入[type=“text”]::-moz选择,
text区域::-moz选择{
背景色:继承;
颜色:红色;
}
输入[type=“text”],
文本区{
大纲:无;
盒影:无!重要;
边框:1px实心#ccc!重要;
}



选择测试文本
试试这个
:焦点{outline:none;}
它在chrome 74.0.3729.169版上显示突出显示的颜色