修改选中文字的背景色

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

时间： 2024-12-14 22:38:36

修改选中文字的背景色的相关文章

自定义被选中文字的背景色

<!doctype html><html><head><meta charset="utf-8"><title>自定义被选中文字的背景色</title><style type="text/css" media="all">body { line-height:2em;}::selection { color:#FFFFFF; background-color:#E

突然想试着修改一下博客里面文本选中时的颜色,然后就找到了相应的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添加选中文字的背景色

css3应用之自定义选中文字的背景颜色

在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理.其实这样是很符合用户体验的.因为有很多的人会用鼠标选择着一行一行的阅读.其中就包括本人... 浏览器中默认的选中的文字颜色为白色,背景色为蓝色. 我们如何自定义呢? 效果参见本博客,选中文字后可以见到效果.本博客中用到的代码是 body ::selection {color:#FFFFFF;text-shadow:none;}body ::-moz-selection {color:#FFFFFF;background-col

android中TextView 添加ClickableSpan后点击选中文字背景问题

TextView中的setHighlightColor(int color)用于设置选中文字背景色高亮显示. 比如以下: public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); FrameLayout frameLayout = new FrameL

Windows 10设置桌面图标间距、窗口的背景颜色、选中文字的背景颜色

Windows 10取消了“高级外观设置”(或者叫“窗口颜色和外观”设置),想调整一些参数只能进注册表了. 按Win+R,然后输入regedit进入注册表编辑器. 桌面图标间距找到这里:HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics 桌面图标水平间距: IconSpacing,默认值大概是-1125,想缩小间距就改大一些,比如-800. 桌面图标垂直间距: IconVerticalSpacing,同上. 窗口的背景颜色找到这里:HK

修改MyEclipse编辑框背景色

1.未修改之前,编辑框背景色 2.依次操作,"Window--->Preferences" 3.选择"General--->Editors--->Text Editors", 找到右侧的"Background color", 取消"System Default",单击"Color",选中喜欢的颜色 4.选中好颜色后,单击"Apply--->OK&qu

CSS3特殊伪类::selection改变页面选中文字的样式

一般在网页上面,选中文字的时候,文字的样式是会改变的,当然,样式也都是千篇一律的浏览器的默认样式,蓝底白字,偶然看到有些网页上面当文字选中的时候会有不一样的样式,当时就很是好奇,后来才慢慢发现是css的一个伪类::selection ::selection是一个CSS3选择器(这也告诉这我们CSS3必须要去熟悉,这玩意确实可以弄出很多意想不到的好效果.) 兼容性:IE9+,Chrome,Opera,Safari,Firefox…(也可以去查看)caniuse.com#search=::selec

用js onselectstart事件鼠标禁止选中文字

IE&&Chrome中适用此方法 document.onselectstart=function(){return false;} onselectstart是防止内容被选中默认状态是true <body onselectstart=return(event.srcElement.type=='text')> 选不中 <input type="text" name="" value="来选吧"> </