资讯专栏INFORMATION COLUMN

CSS设置选中网页文字时的背景和颜色

svtter / 1805人阅读

摘要:在网页中,选中某段文字,默认的显示效果为可以看到,选中后文字颜色为白色,背景为蓝色。现我们想设置,选中后文字为红色,背景为黄色。通过其私有属性支持。设置为页面效果为扩展可以应用的属性有。

在网页中,选中某段文字,默认的显示效果为:

可以看到,选中后文字颜色为白色,背景为蓝色。
现我们想设置,选中后文字为红色,背景为黄色。需要用到CSS伪类 ::selection。
IE9+、Opera、Google、Chrome、Safari都支持 ::selection 选择器。
Firefox 通过其私有属性 :: moz-selection 支持。
设置CSS为:

页面效果为:

扩展:
::selection 可以应用的属性有:color、background、cursor、outline。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/114352.html

相关文章

  • 前端基础-- CSS

    摘要:语法每个样式右两部分组成选择器和声明。格式如下外部样式外部样式就是将写在一个单独的文件中,然后在页面进行引入即可。CSS知识 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。Css之车更丰富的文档外观,Css可以为任何元素的文本和背景设置颜色;允许在任何元素外围设置边框;允许改...

    番茄西红柿 评论0 收藏0
  • document.execCommand()方法处理Html数据

    摘要:设定元素的属性为绝对。将当前选中区复制到剪贴板并删除之。插入隐藏控件覆盖当前选中区。减少选中区所在格式化块的缩进。传递整数将显示用户界面,整数将跳过它。方法受到的影响会闪烁。 document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令参数(如下例...

    Chaz 评论0 收藏0
  • HTML基础总结

    摘要:细化知识点总结标签都是标题标签,定义一段话的标题,最大,依次递减,最小标题标签的作用让文本加粗显示段落标签标签用来显示一段文本图片,它会忽略源代码中的排版块元素独占一行的元素,和相邻的元素不能共享同一行所有的块元素都有属性和元素都是HTML细化知识点总结 1.h1-h6标签 都是标题标签,定义一段话的标题,h1最大,依次递减,h6最小 标题标签的作用:让文本加粗显示   2. 段落标签:p...

    Jacendfeng 评论0 收藏0
  • css样式的继承性、层叠性 、优先级

    摘要:一样式的继承性作用给父元素设置一些属性,子元素也可以使用应用场景一般用于设置网页上的一些共性信息,例如网页的文字颜色,字体,文字大小等内容。一、css样式的继承性: 作用:给父元素设置一些属性,子元素也可以使用 应用场景: 一般用于设置网页上的一些共性信息,例如网页的文字颜色,字体,文字大小等内容。优化代码,降低工作量 注意点: 1.并不是所有的属性都可以继承,、 只有color/font-...

    MkkHou 评论0 收藏0
  • 前端——HTML

    摘要:方式是将内容放在了请求头,所以会显示在上,将内容放在了请求体。此外,方式对提交内容的长度有限制,必须在之内,而没有。如果属性设置,表示选择框只能同时显示三项。表头会自动加粗居中,在表格内容区,表示行,表示列。HTML HTML叫做超文本标记语言,是一种制作万维网页面标准语言。相当于定义一套规则,大家都来遵守它,这样浏览器就可以去解释它。 浏览器负责将标签翻译成用户看得懂的格式,呈现给用户。 ...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<