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仿Win7对话框黑色阴影效果

    CSS仿Win7对话框黑色阴影效果,采用了CSS3的一个新属性,对所有新版本浏览器都支持,老版本的浏览器部分不支持。 兼容IE新版、Google浏览器、火狐浏览器,分别对应着三个属性:box-shadow、-webkit-box-shadow、-moz-box-shadow。 效果图:

  2. 纯CSS实现的二级菜单

    纯CSS实现的二级菜单,完全采用CSS样式来实现的,为添加任何JS代码。 主要利用了CSS伪类hover来实现的,代码简单容易理解。 相比较采用JS或者jQuery库实现的二级菜单,代码量极少。 效果截图:

  3. 手机站头部超赞QQ邀请效果

    手机站头部超赞QQ邀请效果,已整理为JS调用代码,方便直接引入网页调用。 打包下载: 手机站头部超赞QQ邀请效果 效果截图:

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

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

  5. 手机站底部很好看的导航条效果

    手机站底部很好看的导航条效果,采用了html5的一些新特性,拨打电话图片呈现动态效果。 代码打包下载: 手机站底部很好看的导航条效果 效果截图:

随机推荐

  1. CSS仿Win7对话框黑色阴影效果

    CSS仿Win7对话框黑色阴影效果,采用了CSS3的一个新属性,对所有新版本浏览器都支持,老版本的浏览器部分不支持。 兼容IE新版、Google浏览器、火狐浏览器,分别对应着三个属性:box-shadow、-webkit-box-shadow、-moz-box-shadow。 效果图:

  2. 纯CSS实现的二级菜单

    纯CSS实现的二级菜单,完全采用CSS样式来实现的,为添加任何JS代码。 主要利用了CSS伪类hover来实现的,代码简单容易理解。 相比较采用JS或者jQuery库实现的二级菜单,代码量极少。 效果截图:

  3. 手机站头部超赞QQ邀请效果

    手机站头部超赞QQ邀请效果,已整理为JS调用代码,方便直接引入网页调用。 打包下载: 手机站头部超赞QQ邀请效果 效果截图:

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

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

  5. 手机站底部很好看的导航条效果

    手机站底部很好看的导航条效果,采用了html5的一些新特性,拨打电话图片呈现动态效果。 代码打包下载: 手机站底部很好看的导航条效果 效果截图: