css 修改选中文字的颜色

突然想试着修改一下博客里面文本选中时的颜色，然后就找到了相应的css代码如下；

body::selection {
    color:#FFFFFF;
    background-color:#E84893;
    text-shadow:none;
}
body::-moz-selection {
    color:#FFFFFF;
    background-color:#E84893;
    text-shadow:none;
}

效果如下图所示：

1、浏览器默认样式　　

2、使用上面样式之后　　

时间： 2024-12-20 22:22:11

css 修改选中文字的颜色的相关文章

用css修改HTML5 input placeholder颜色

使用CSS修改HTML5 input placeholder颜色本文选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术.本文将为读者讲解HTML5 Input Placeholder Color的个性化设定,需要针对不同浏览器内核来编程. 问题: David Murdoch:Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeh

使用CSS修改HTML5 input placeholder颜色

问题没有实际价值,缺少关键内容,没有改进余地 Chrome支持input=[type=text]占位文本属性,但下列CSS样式却不起作用: CSS input[placeholder], [placeholder], *[placeholder] { color:red !important; } HTML <input type="text" placeholder="Value" /> 运行结果值还是灰色,Color:red没有作用.有什么方法可以修

OC - Tabbar的选中文字改变颜色

系统默认是蓝色.但是当 tabbarItem的选中图标改成了灰色后,我们也希望把文字改成灰色.这个时候就用到了“ setTitleTextAttributes” 方法. 可以在 “ UITabBarItem ” 类的父类 “ UIBarItem ” 类中找到下面这个方法: /* You may specify the font, text color, and shadow properties for the title in the text attributes diction

PHPStorm怎么修改选中的背景颜色呢？

File -> Settings -> editor ->color&fonts->general->下拉框中的selection background->点击后边的小方框框选择你喜欢的颜色即可 ps:有些主题的选中颜色很淡,这个操作还是蛮实用的.

用CSS添加选中文字的背景色

Sbulime Text 2 修改选中字符串的颜色

Sublime Text 2 > Preferences > Browse Packages... 假设当前试用的 Color Scheme 是 Monokai,则在 Color Scheme - Default 路径下找到 Monokai.tmTheme 文件打开

修改选中文字的背景色

::selection{ background-color:#84ca7f; color:#000;}::-webkit-selection{ background-color:#84ca7f; color:#000;}::-moz-selection{ background-color:#84ca7f; color:#000;}

css修改输入框的placeholder颜色

::-webkit-input-placeholder { /* WebKit browsers */ color: #999;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;} ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999;} :-ms-input-placeholder { /

CSS 实现选中内容背景颜色

// IE9+.Opera.Google Chrome 以及 Safari 中支持 ::selection{ color:#ff0000; } // firefox ::-moz-selection{ color:#ff0000; } W3School:http://www.w3school.com.cn/cssref/selector_selection.asp