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重置代码

    CSS重置(CSS reset),也就是重置默认样式。在不同浏览器，HTML中标签的默认样式有一个默认属性值，渲染出来的效果不尽相同，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式，以方便统一，从而提高开发效率，提高样式代码的重用，

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

    CSS改变选中文本背景色和文字颜色。 效果截图：

  3. 纯CSS实现的二级菜单

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

  4. CSS blockquote美化效果

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

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

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

随机推荐

  1. 常用CSS重置代码

    CSS重置(CSS reset),也就是重置默认样式。在不同浏览器，HTML中标签的默认样式有一个默认属性值，渲染出来的效果不尽相同，我们在写css页面的时候，为了避免在css中重复定义它们，我们需要重置默认样式，以方便统一，从而提高开发效率，提高样式代码的重用，

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

    CSS改变选中文本背景色和文字颜色。 效果截图：

  3. 纯CSS实现的二级菜单

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

  4. CSS blockquote美化效果

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

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

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