[CSS] 改变文字选择的颜色(反选的颜色)

老金 老金 2021.1.7 16:58 View(48) Comment (0)

什么是反选?

我们常会用鼠标选取一小段文字,可能是为了复制或是为了看他清楚点,像下面文章中蓝色底的这样:

用什么方法可以改变这个选择文字的样式 (style)?在css3中提供了一个简易的方法,就是叫selectionselector,我在下面范例中将反选背景改成桃红色:

::-moz-selection {
   background: #FE57A1; color: white;
}

::selection {
   background: #FE57A1; color: white;
}

结果:

你可以将这个 selector 整合到其他的selector中来限制范围,例如你只要文章反选改字,其他的部分不变,那就写成这样:

article ::selection { background: #FE57A1; color: white; }

限制

这个selection只接受少少的样式属性:color, background, cursor, outline

 

本文链接 https://www.mangoxo.com/blog/3DORJ6xV 版权所有,转载请保留地址链接,感谢!

Latest Comments :

老金 Follow
善良的程序宅
  • Fans1
  • Likes5