CSS 实现选中内容背景颜色

// IE9+、Opera、Google Chrome 以及 Safari 中支持
::selection{
    color:#ff0000;
}

// firefox 
::-moz-selection{
    color:#ff0000;
}

W3School：http://www.w3school.com.cn/cssref/selector_selection.asp

时间： 2024-10-09 16:19:45

CSS 实现选中内容背景颜色的相关文章

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.使用上面样式之后

纯 CSS 解决自定义 CheckBox 背景颜色问题

CodePen 需要使用色 #ec6337(当然可以是任意颜色),解决问题:记住密码定制 CheckBox,解释全在注释里主要使用到 ::before 或 ::after 伪类处理,伪装成内部的那个勾 html <label> <input type="checkbox" /> // 注意嵌在 label 里面记住密码 <div class="show-box" /> // 注意嵌在 label 里面 </label&g

input框自动填充内容背景颜色为黄色解决方法

谷歌浏览器input自动填充内容,背景色会是黄色,想改的话: input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;} 这种方法没有了黄色背景,但是一点击input框还是会变为黄色 input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;} 这种点击框也不会出现黄色了还有一种就是关闭自动填充autocomplete="off&q

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

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

WPF中ListView如何改变选中条背景颜色

先上图解决方法: <ListView ...> <ListView.ItemContainerStyle> <Style TargetType="{x:Type ListViewItem}"> <Style.Resources>  <SolidColorBrush x:Key="{x:Static SystemColor

CSS3改变页面默认选中背景颜色及设置页面禁止全选或局部选择

改变默认选中的背景颜色 ::-moz-selection{background:#FF0000;color:#FFFFFF;} ::selection {background:#FF0000;color:#FFFFFF;} code::-moz-selection {background:#FF0000;color:#FFFFFF;} code::selection {background:#FF0000;color:#FFFFFF;} 设置页面禁止选中 /*全局*/ html,body{ pa

CSS改变被鼠标选中的文字颜色及背景

页面中的文字被鼠标选中的文字颜色及背景怎么设置? ::selection { background:#e96147; color:red; } ::-moz-selection { background:#e96147; color:red; } ::-webkit-selection { background:#e96147; color:red; } 希望对大家有帮助

CSS如何设置选中文本的颜色

CSS如何设置选中文本的颜色:在默认状态选中的文本颜色和背景颜色并不美观,如果能够给句网站整体的配色来设置被选中文本和背景颜色那么将会极大的提高美观度,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwh

CSS：背景颜色/背景图像

使用CSS可以为html标签指定背景图像或背景颜色,并且可以设置图像的位置. 代码整理自w3school:http://www.w3school.com.cn <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-