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

<!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:#E84893;
}
::-moz-selection {
color:#FFFFFF;
background-color:#E84893;
}
</style>
</head>

<body>
如何理解响应式设计(RWD)
<div style="width:960px; height:auto;">
<h1>1. 如何理解响应式设计(RWD)</h1>
<p>学究一些,首先大家先了解一下响应,然后再讲一下设计,响应就是我发出的请求能得到什么样子的回复,比如我说“你好”,你会很容易的给我回复“你 好”,因为大家都是中国人,如果我说“hello”,我们这代人如果上过初中,他也会给我说“Hello”,但是如果我给对你说“Bonjour”,那可 能只有高配的人才可能知道了。这里面,就举了一个例子,我的应答对象就相当于我们要讲的响应式的设备,他必须能够解析我发给他的需求。然后咱们再讲一下设 计,设计的官方解释是这样的:<br /><br />
1.设下计谋。<br /><br />
2.根据一定要求﹐对某项工作预先制定图样﹑方案。<br /><br />
3.指搞设计工作的人。<br /><br />
直白的讲,设计其实就是设了一个计,来完成我们的需要的工作目标。<br /><br />
从前面我们讲的响应可以看到,响应是双方的,是互动的过程,在这个过程中我们要考虑双方的承受能力,比如我们总不能让小孩子扛大包。在咱们网页设计 方面就是咱们要考虑设备的性能,从网速、Dom 节点数量、屏幕的大小等等,如果我们从前后端结合,对小孩子给糖果,给苦力大包,那样就做到了响应式。<br /><br />
但是,我下面讲的响应式是狭隘的,我们只是从 Web Builder 这一层做到了响应式。
<span>自定义被选中文字的背景色:css之selection</span>
</p>
</div>
</body>
</html>

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

时间: 2024-10-05 04:55:54

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

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

修改选中文字的背景色

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

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

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

怎么设置自定义Tabbar的文字大小 -------ios

系统默认的tabbar感觉好小,很丑,于是得自己来设置它的大小 我们需要在 +(void)load   或者在 +(void)initialize 里设置 那这两个方法有什么区别呢 可以看这里 :(转载)http://www.jianshu.com/p/9368ce9bb8f9 我们在这里是用load方法 //在自定义tabbar中的控制器里 + (void)load { // 获取当前类的tabBarItem UITabBarItem *item = [UITabBarItem appeara

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

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="来选吧"> </

html 富文本编辑器相关--输出选中文字和主动选择文字

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="app" contenteditable="true"> <span id="con

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

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