文本框选中文字却不出现蓝色选中状态

 

今天测试提了一个JIRA，大意是：“后台页面几乎所有的输入框，输入内容后，Ctrl+A不能够显示标记的问题（光标选取也是一样）。”

也就是我写的输入框不能像下面的截图那样，选中文本内容以后出现一个淡蓝色的背景。

 

------------------------------------------------------------------------------------------------------------------------------------

这个问题之前从来没有遇到过，于是上网各种查了一下，发现没有人问同类问题，只好自己一点点排除。

单独写了一个最简单的页面，只有一个“input”输入框，发现是完全没有问题的，所以可以确定是自己的样式出了问题。

然后逐步排查，终于找到了“罪魁祸首”：

::selection {
background: transparent;
}

因为reset样式表在公司的git上down下来的，所以莫名有这么一个样式，重置掉了浏览器自带的选中样式，导致所有的输入框都明明选中了文字，却出现不了淡蓝色背景。。。

样式重置不能乱用啊。。。