css设置选中文字和选中图片字的颜色

这篇具有很好参考价值的文章主要介绍了css设置选中文字和选中图片字的颜色。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

要改变页面中选中文字的颜色,可以使用 CSS 的 ::selection 伪元素来实现

*::selection {
  /* 改变选中文字的背景色 */
  background-color: #c42121;
  /* 改变选中文字的文本颜色 */
  color: #fff;
}

用通配符选择器给所有元素都加上了 ::selection伪元素,用于统一网站主题,效果:

css设置选中文字和选中图片字的颜色,css,前端文章来源地址https://www.toymoban.com/news/detail-840074.html

到了这里,关于css设置选中文字和选中图片字的颜色的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果

    我们知道浏览器页面上的文字正常情况下我们是可以双击选中、或者单击鼠标横向拖动也能选中的,选中以后可以右击出现面板然后去复制什么的。但是有的时候,这种效果我们并不想要的,比如用户点快了的时候,所以我们需要禁用这种效果,本文记录一下禁用选中效果的

    2024年02月11日
    浏览(40)
  • echarts地图,选中颜色设置;取消鼠标默认事件,点击选中地图实现颜色变化,选择高亮,选中高亮,取消选中(再次点击取消选中),以下面地图为例

    echarts地图,选中颜色设置;取消鼠标默认事件,点击选中地图实现颜色变化,选择高亮,选中高亮,取消选中(再次点击取消选中),下面以四川部分地图为例 针对选择模式,非点击(click),选择事件,可以获取相关地图数据,使用echarts地图的事件方法 mapselectchanged

    2024年02月11日
    浏览(38)
  • css 禁止多次点击导致的选中了目标div的文字

    像下面这样的情况,就可以用这种方法避免掉 禁止多次点击,导致的,选中了目标div的文字 或者 禁止多次点击,导致,html结构被选中显示出来

    2024年02月17日
    浏览(29)
  • Android 设置TabLayout选中后的字体、大小、颜色等设置

    初始化 1)在xml中设置颜色变化 其中,tabTextColor未未选中时的颜色,tabSelectedTextColor为选中时的颜色。 2)对已定义好的TabLayout进行处理。 在监听器中设置样式 在选中时或未选中时,获取已设置的TextView,然后可以去设置需要的大小、加粗等变化。 我做了一个简单的封装,这

    2024年02月12日
    浏览(25)
  • QTableView设置样式表/选中行颜色, QTableView美化

    QTableView设置QSS样式表   Qt基础使用 说明:笔记为代码修改方式,value:代表值,tableWidget替代ui-tabelwidget[控件名称] #include QTableWidget 创建一个tablewidget QTableWidget *tabelWidget = new QTableWidget ; 设置行数 tableWidget-setRowCount(value); 设置列数 tableWidget-setColumnCount(value); QTableWidget设置表头

    2024年02月04日
    浏览(29)
  • Intellij IDEA设置“选中变量或方法”的背景颜色、字体颜色(Mark Occurrences)

    背景 IDEA 中选中一个变量就会将所有的变量相关变量标出来,这样就很方便知道这个变量出现的地方。Eclipse里头把这个功能叫做 Mark Occurrences ,IDEA 里不知道怎么称呼。 我们要解决的痛点就是提示不明显 ,如下图所示,Macbook这么好的屏幕,无论在暗黑还是白色主题,都不是

    2024年02月07日
    浏览(50)
  • css点击文字(非按钮) 能自动改变颜色。

    实现功能说明: 如下图,点击不同的文字能够切换不同的页面,同时这个tab的文字能够相应的变色,其他未选中的状态默认为灰色。 方案一: 使用css的伪类。 :active,元素被点击时变色,但颜色在点击后消失 :focus, 元素被点击后变色,且颜色在点击后不消失 如果我们只是

    2023年04月10日
    浏览(31)
  • 现代 CSS 解决方案:文字颜色自动适配背景色!

    在 23 年的 CSS 新特性中,有一个非常重要的功能更新 -- 相对颜色 。 简单而言,相对颜色的功能,让我们在 CSS 中,对颜色有了更为强大的掌控能力。 其核心功能就是,让我们 能够基于一个现有颜色 A,通过一定的转换规则,快速生成我们想要的颜色 B 。 其功能能够涵盖:

    2024年02月03日
    浏览(42)
  • 前端开发基础(HTML5 + CSS3)【第一篇】:HTML标签之文字排版、图片、链接、音频、视频 && 涵盖了两个综合案例 做到了基础学得会,实战写的出

    点击前往前端开发基础专栏: 一、开发环境搭建 这里google浏览器不能用我们就使用电脑自带的微软浏览器就可以了! 下载 VS Code VS Code 官网下载地址 这里根据自己电脑的操作系统进行下载! 安装步骤如下: (是在不知道如何操作,可以找个教程一步一步来) 安装这个还是

    2024年04月16日
    浏览(41)
  • android 中一段文字设置不同颜色

    目录 一、使用HTML 、strings.xml 辅助完成 二、SpannableStringBuilder 来实现         我们都会遇到UI给的效果图中,一段文字,却用 不同的颜色 显示以突出重点。我们平常用到都是使用TextView设置textColor就可以了,如何设置多种颜色呢,有两种方法:         比如说

    2024年02月16日
    浏览(25)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包