改变文字选中时背景颜色
2017-05-10 21:26
169 查看
在线演示
html:
css:
解析:
通过selection伪元素来实现反选样式。
只能向::selection应用少量的CSS属性,如color、background、cursor、及outline等。
html:
<body> <h1>Woman</h1> <p>Every woman is ... You are worth it! </p> </body>
css:
<style> body { background:url(images/09.png) no-repeat 50% 0; margin: 10% 20%; color: #fff; text-shadow: 1px 2px 0 rgba(0,0,0,.75); background-attachment: fixed;/* 背景图片固定,不随文字的滚动而滚动 */ } h1 { text-transform: uppercase; /*英文字母全部大写*/ border-bottom: 2px solid #fff; padding-bottom: 50px; } p { font-size: 20px; } ::selection { /*设置选中区域文字背景变化*/ text-shadow: none; color: #fff; background-color: #e74c3c;/*为选中文字设置背景颜色*/ } </style>
解析:
通过selection伪元素来实现反选样式。
只能向::selection应用少量的CSS属性,如color、background、cursor、及outline等。
相关文章推荐
- Android RadioButton设置选中时文字和背景颜色同时改变
- CSS3特性之-----改变在浏览器上选中文字时,默认的背景颜色和文字颜色
- CSS改变网页中鼠标选中文字背景颜色例子
- 改变选中区域的文字和背景颜色
- IOS UITabBar+UINavigation(改变背景/标题文字颜色、状态图片、tabbar选中方形背景、item间距)
- 转 Android RadioButton设置选中时文字和背景颜色同时改变
- css 选择后更改文字背景 CSS3 实现改变默认文本选中的颜色
- Android RadioButton设置选中时文字和背景颜色同时改变
- 选中时和未选中时的背景颜色和文字颜色的改变
- CSS改变被鼠标选中的文字颜色及背景
- CSS:改变用户选中文字的颜色和背景颜色
- WPF中ListView如何改变选中条背景颜色
- android 自定义 radiobutton 文字颜色随选中状态而改变
- VC改变CListCtrl 表格中文字颜色,和背景颜色。
- Android学习实践:4.让Activity全屏及改变文字和背景颜色
- android 自定义 radiobutton 文字颜色随选中状态而改变
- 孙鑫VC学习笔记:第十讲画图 改变对话框及控件的文字/背景颜色
- android如何改变listview中item选中时文字的颜色
- android 自定义 radiobutton 文字颜色随选中状态而改变
- android 自定义 radiobutton 文字颜色随选中状态而改变