CSS改变选中文本背景色和文字颜色
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>相关文章
- JS+CSS简单实现DIV遮罩层显示隐藏
Copy上面的代码到HTML页面即可查看效果。 原理比较简单，就是在页面内先定义好需要显示的DIV和遮罩层的CSS,然后用在onclick事件时，通过JS去控制两个DIV的样式：display=block or display=none.就可以实现DIV的显示和隐藏。 注意两个DIV的z-index，显示在最
- CSS改变选中文本背景色和文字颜色
CSS改变选中文本背景色和文字颜色。 效果截图：
- 手机站底部导航条效果自适应手机屏幕大小
手机站底部导航条效果自适应手机屏幕大小 代码打包下载： 手机站底部导航条效果自适应手机屏幕大小 效果截图：
- 手机站头部超赞QQ邀请效果
手机站头部超赞QQ邀请效果，已整理为JS调用代码，方便直接引入网页调用。 打包下载： 手机站头部超赞QQ邀请效果 效果截图：
- 纯CSS实现的二级菜单
纯CSS实现的二级菜单，完全采用CSS样式来实现的，为添加任何JS代码。 主要利用了CSS伪类hover来实现的，代码简单容易理解。 相比较采用JS或者jQuery库实现的二级菜单，代码量极少。 效果截图：
随机推荐
- JS+CSS简单实现DIV遮罩层显示隐藏
Copy上面的代码到HTML页面即可查看效果。 原理比较简单，就是在页面内先定义好需要显示的DIV和遮罩层的CSS,然后用在onclick事件时，通过JS去控制两个DIV的样式：display=block or display=none.就可以实现DIV的显示和隐藏。 注意两个DIV的z-index，显示在最
- CSS改变选中文本背景色和文字颜色
CSS改变选中文本背景色和文字颜色。 效果截图：
- 手机站底部导航条效果自适应手机屏幕大小
手机站底部导航条效果自适应手机屏幕大小 代码打包下载： 手机站底部导航条效果自适应手机屏幕大小 效果截图：
- 手机站头部超赞QQ邀请效果
手机站头部超赞QQ邀请效果，已整理为JS调用代码，方便直接引入网页调用。 打包下载： 手机站头部超赞QQ邀请效果 效果截图：
- 纯CSS实现的二级菜单
纯CSS实现的二级菜单，完全采用CSS样式来实现的，为添加任何JS代码。 主要利用了CSS伪类hover来实现的，代码简单容易理解。 相比较采用JS或者jQuery库实现的二级菜单，代码量极少。 效果截图：