`
zhangyaochun
  • 浏览: 2613773 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

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

    博客分类:
  • css3
阅读更多

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

 

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

 

 

  • 大小: 24.5 KB
1
0
分享到:
评论

相关推荐

    Atom-rainbow-selection,不必要的色彩选择,原子。贡献给dmnd/rainbow.zip

    不过,需要注意的是,虽然视觉效果的增强可能有助于集中注意力,但过度的色彩也可能分散注意力,因此,平衡视觉美学和实际功能是使用这类插件的关键。 总的来说,Atom-rainbow-selection插件是Atom编辑器生态系统中...

    CSS3.0中文完全参考手册-chm版

    CSS3在文本处理方面也有诸多改进,如文本阴影(text-shadow)、文本溢出控制(text-overflow)、文字装饰(text-decoration)以及文本选择样式(::selection)等,让文本更加美观和易读。 **七、图像和媒体** CSS3...

    CSS定义被动态选中的文本的颜色示例代码

    2. `::selection`: 这是一个通用的CSS3选择器,适用于所有支持CSS3标准的浏览器,包括Chrome、Safari、Opera等。它的作用与 `::-moz-selection` 类似,也是改变被选中文本的样式。 颜色值 `#FFA` 和 `#000` 分别...

    Optimizing selection of the test color sample set for the CIE 2017 color fidelity index

    结果显示,本文开发的聚类分析方法可用于选择测试颜色样本,并且获得的OCSS可以很好地代表大型样本集,并且更适合于光源的颜色保真度测量。 文章还提到了选择TCSS的现有计算模型通常根据颜色外观分布均匀性、光谱...

    D3 API 中文手册

    - **d3.selection**: 提供了对选择器原型的增强功能,以及测试实例类型的工具,使开发者能够更有效地管理和操作DOM元素。 - **d3.touch** 和 **d3.touches**: 获取相对于指定容器的单点或多点触摸位置,对于移动设备...

    Scene-Text-Recognition

    在这里,我们可以推测CSS可能代表了某种用于改善STR性能的技术,例如,可能是用于文本定位的复杂形状选择策略(Complex Shape Selection Strategy)或是优化视觉表示的色彩空间选择(Color Space Selection)。...

    yellowtint:黄色主题是Typora主题,可长时间舒适打字,减少眼睛疲劳

    在Typora中,markdown语法的无缝渲染让内容更易读,配合yellowtint的黄色调,能够进一步增强文字的对比度,使文字在黄色背景下依然清晰可见。 同时,该主题可能还考虑了字体的选择和排版,如选用易读性高的无衬线...

    韩国公司模板

    3. **字体选择(Font Selection)**:韩国公司模板可能会选用符合韩文阅读习惯的字体,同时也会考虑英文或者其他语言的显示,确保全球化兼容性。 4. **图片和图形(Images and Graphics)**:模板中可能包含与韩国...

    可爱流行服饰商城网页模板

    7. **字体选择(Font Selection)**:字体应与整体设计风格相符,易于阅读,并有助于传达品牌气质。可爱风格可能会选择圆润、卡通感的字体,而流行风格可能倾向于简洁现代的无衬线字体。 8. **SEO优化(Search ...

    暗红导航欢乐信息网页模板

    8. **字体选择(Font Selection)**:字体对网页的整体风格有很大影响。模板可能提供了特定的字体下载链接("下载字体.url"),这些字体应与暗红色调相协调,提高可读性的同时增加设计感。 9. **HTML文件**:压缩包...

Global site tag (gtag.js) - Google Analytics