您的位置:首页 > Web前端 > CSS

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


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐