CSS3 修改和去除移动端点击事件出现的背景框 /设置文本框选的时候选中文字背景颜色的方法
2018-05-23 10:20
330 查看
1.-webkit-tap-highlight-color这个属性是用于设定元素在移动设备(如Adnroid、iOS)上被触发点击事件时,响应的背景框的颜色。例如在Adnroid版本的微信中,点击a标签时将会出现一个橙色的小框表示点击的响应。此时,如果对元素设置了tap-highlight-color值,例如:-webkit-tap-highlight-color: rgba(240,240,240,0.7);则可改变元素被点击时背景框的颜色。如果需要背景框不显示,则可以将rgba中的alpha值设为0即可,例如rgba(0,0,0,0)2.设置文本框选的时候选中文字背景颜色的方法通常我们选中文字时的背景色是蓝色。我们可以用以下样式去设置网页的选中内容的样式:
::selection { background:#FFF; color:#333; }::-moz-selection { background:#FFF; color:#333; }::-webkit-selection { background:#FFF; color:#333;}
如果要去掉选中时的颜色,把background都置为none就行了。
原文:http://blog.mc-zone.me/article/304
相关文章推荐
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- CSS3 修改和去除移动端点击事件出现的背景框
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- 移动端点击事件出现背景框以及pc端a标签点击时出现背景框???
- 去除移动端点击事件出现的背景框 tap-highlight-color
- Android开发实现按钮点击切换背景并修改文字颜色的方法
- js实现点击按钮后给Div图层设置随机背景颜色的方法
- 使用SpannableString设置部分文字大小、颜色、超链接、点击事件
- iOS开发之--如何修改TabBarItem的title的字体和颜色/BarButtonItem的title的字体大小和颜色/添加背景图片,并添加点击方法
- js实现点击按钮后给Div图层设置随机背景颜色的方法
- iOS设置UITableViewCell的背景色透明和设置选中背景颜色的方法
- js 点击事件,出现背景颜色
- 设置eclipse中的编辑区的背景颜色、注释文字的颜色、修改注释内作者名和时间
- 仿淘宝图片空间 点击文字 出现可编辑文本框 提交ajax数据到后台修改
- 怎么修改button切换选中状态的时候背景出现一个小蓝点的问题
- android textview可以设置文字颜色 部分文字点击事件处理
- Android 按钮点击切换背景,同时修改文字颜色
- 怎样设置JTextArea 文本域中选中的文字的颜色和选择区域背景颜色