[分享]css去input选中高亮

CSS去掉Input选中高亮效果

input::-moz-selection {
  background-color: transparent;
  color: inherit;
}

input::selection {
  background-color: transparent;
  color: inherit;
} 

当我们在一个输入框内选中一些文字时，会发现有一层高亮效果，这样的效果在很多情况下都是不必要的，所以我们需要使用CSS去掉它。使用上面的代码可以让输入框内的高亮效果消失。

首先，我们需要了解两个伪元素，分别是::-moz-selection和::selection，它们分别是针对Firefox和其他浏览器的CSS属性。

我们使用background-color: transparent;将选中的文本背景颜色设为透明，而color: inherit;则是继承输入框的文字颜色，这样就能让选中的文本看起来与其他文本没有区别。

总之，使用以上代码可以加强用户体验和界面美观度，具体应用场景需要开发者根据实际情况来判断。