首页 > 其他分享 >css之selection---让“选择”更色彩

css之selection---让“选择”更色彩

时间:2023-06-26 10:03:27浏览次数:54  
标签:selection color 会加 333 --- background cca2da css


一直以来很少人关注也门文字的选中文字的控制,但是不乏在一些细心的网站会加一些这样的设置。

 

CSS3新增的伪::selection,可以帮助我们来改变选择文本的颜色和背景

 

 

::selection{color:#333;background-color:#cca2da;}
::-moz-selection{color:#333;background-color:#cca2da;}
::-webkit-selection{color:#333;background-color:#cca2da;}

 

 

下面这个图来源于网络,主要测试了部分浏览器的支持情况

 

 


 

 

 

扩展阅读:

 

https://developer.mozilla.org/en-US/docs/CSS/::selection

 

 

标签:selection,color,会加,333,---,background,cca2da,css
From: https://blog.51cto.com/u_16170312/6551668

相关文章

  • 关于reset.css的一些思考与探究
    项目多了,大家多会有自己积累的一些reset.css的经历或者自己改进的代码,其实初衷还是很简单的,达到复用,重置浏览器的一些默认样式,实现跨浏览器兼容。 1、最早关注的还是YUI的ResetCSS,  在线的压缩版本地址:http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css 直接上......
  • React实战--利用甘特图和看板,强化Paas平台应用
    ​概述这是一篇React在kintone上的实战,我们需要利用看板和甘特图来来强化项目管理app。另外这次用到了webpack,想了解基本配置思路的可以看这里项目地址GitHub-kintone-samples/SAMPLE-kintone-ganttchart-kanban-cn:projectmanagerforkintone,usingGanttandKan......
  • vue根据element-ui实现下拉多选
    下拉多选element-ui实现效果组件代码<template><el-selectclass="maxwidth"v-model="showVal"multipleplaceholder="请选择":popper-append-to-body="false"@remove-tag="removetag"@......
  • template上使用v-for报错
    在template标签上使用v-for报错cannotbekeyed.Placethekeyonrealelementsinstead查了一下百度,是因为key需要绑定在真实的元素上<templatev-for="(item,index)inmenu":key="index"></template>解决方法:1、将template标签替换成别的标签2、将key绑定值写在别的......
  • 自然语言处理 Paddle NLP - 检索式文本问答-理论
    问答系统(QuestionAnsweringSystem,QA)是信息检索系统的一种高级形式,它能用准确、简洁的自然语言回答用户用自然语言提出的问题。其研究兴起的主要原因是人们对快速、准确地获取信息的需求。问答系统是人工智能.抽取式阅读理解:它的答案一定是段落里的一个片段,所以在训练前,先要......
  • 界面组件DevExpress WinForm v23.1新版亮点 - 皮肤矢量图标全新升级
    DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任!DevExpressWinForm 控件日前正式发布了今年第一......
  • el-input 去除 上下箭头
    /*去掉input尾部上下小箭头start*/.page-input-number-none-triangleinput::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important;-moz-appearance:none!important;-o-appearance:none!important;......
  • 记一次Nacos漏洞的复现 --> 身份认证绕过漏洞(QVD-2023-6271)
    前记端午前两天,遇到公司某客户的站点是Nacos,随后就是网上搜一波漏洞,搜到QVD-2023-6271,故做以下记录漏洞复现漏洞描述漏洞原理为开源服务管理平台Nacos在默认配置下未对token.secret.key进行修改,导致远程攻击者可以绕过密钥认证进入后台造成系统受控等后果。漏洞信息漏洞......
  • Linux多线程09-互斥锁
    为避免线程更新共享变量时出现问题,可以使用互斥量(mutex是mutualexclusion的缩写)来确保同时仅有一个线程可以访问某项共享资源。可以使用互斥量来保证对任意共享资源的原子访问。互斥量有两种状态:已锁定(locked)和未锁定(unlocked)。任何时候,至多只有一个线程可以锁定该互斥量。试......
  • Git-status-log-add-commit
    gitstatus查看修改文件有哪些gitstatus-s等效于gitstatus--shortgitlog......