CSS改变选中文本背景色和文字颜色

模板网 2014-12-19

CSS改变选中文本背景色和文字颜色。

效果截图:

<!doctype html>
<html lang="en">
<head>
<meta charset="gb2312">
<title>Document</title>
<style>
	* {margin:0;padding:0;}
	::selection {color:#FFF;background: #1ABC9C;}
</style>
</head>
<body>
	<p>选中一段文字查看效果</p>
	<p>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</p>
</body>
</html>

相关文章

  1. CSS blockquote美化效果

    blockquote相信大家都不陌生吧,在Word叫文本框,其实在网页了可叫它文本框吧,如果在一段文本的两头加上blockquote标签的话,那么文本将会接出来显示,而且其内的文本将含有blockquote的格式,所以只要用CSS定义好了blockquote的各个属性,你会发现这会是个

  2. 不错的CSS重置代码base.css

    今天发下我自己的 css 框架base.css,作用是重设浏览器默认样式和提供通用原子类。 使用方法:直接将以上文本框中的CSS代码全选复制保存为base.css文件,在网页中引用即可。 来源:http://www.cnblogs.com/yjzhu/archive/2012/11/05/2755095.html

  3. DIV的CSS height:100%无效的解决办法

    在设置DIV高度的时候,会用到一个height:100%的大小,来让div撑满浏览器高度。但是我们会发现,直接在div中写上style:height:100%;是无效的。 那么如何才能让div的css height:100%生效呢?解决办法很简单,同时也能适配多个浏览器。 方法就是在css当中增加上

  4. 手机站底部导航条效果自适应手机屏幕大小

    手机站底部导航条效果自适应手机屏幕大小 代码打包下载: 手机站底部导航条效果自适应手机屏幕大小 效果截图:

  5. 手机站常用的底部导航条,宽度自适应

    手机站常用的底部导航条,宽度自适应。 代码打包下载: 手机站常用的底部导航条,宽度自适应 效果截图:

随机推荐

  1. CSS blockquote美化效果

    blockquote相信大家都不陌生吧,在Word叫文本框,其实在网页了可叫它文本框吧,如果在一段文本的两头加上blockquote标签的话,那么文本将会接出来显示,而且其内的文本将含有blockquote的格式,所以只要用CSS定义好了blockquote的各个属性,你会发现这会是个

  2. 不错的CSS重置代码base.css

    今天发下我自己的 css 框架base.css,作用是重设浏览器默认样式和提供通用原子类。 使用方法:直接将以上文本框中的CSS代码全选复制保存为base.css文件,在网页中引用即可。 来源:http://www.cnblogs.com/yjzhu/archive/2012/11/05/2755095.html

  3. DIV的CSS height:100%无效的解决办法

    在设置DIV高度的时候,会用到一个height:100%的大小,来让div撑满浏览器高度。但是我们会发现,直接在div中写上style:height:100%;是无效的。 那么如何才能让div的css height:100%生效呢?解决办法很简单,同时也能适配多个浏览器。 方法就是在css当中增加上

  4. 手机站底部导航条效果自适应手机屏幕大小

    手机站底部导航条效果自适应手机屏幕大小 代码打包下载: 手机站底部导航条效果自适应手机屏幕大小 效果截图:

  5. 手机站常用的底部导航条,宽度自适应

    手机站常用的底部导航条,宽度自适应。 代码打包下载: 手机站常用的底部导航条,宽度自适应 效果截图: