CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
2015-10-08 10:02
621 查看
-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)
另外还有一个设置选中文字颜色的方法。
通常我们选中文字时的背景色是蓝色。我们可以用以下样式去设置网页的选中内容的样式:
::selection { background:#FFF; color:#333; }
::-moz-selection { background:#FFF; color:#333; }
::-webkit-selection { background:#FFF; color:#333;}
如果要去掉选中时的颜色,把background都置为none就行了。
这个属性是用于设定元素在移动设备(如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)
另外还有一个设置选中文字颜色的方法。
通常我们选中文字时的背景色是蓝色。我们可以用以下样式去设置网页的选中内容的样式:
::selection { background:#FFF; color:#333; }
::-moz-selection { background:#FFF; color:#333; }
::-webkit-selection { background:#FFF; color:#333;}
如果要去掉选中时的颜色,把background都置为none就行了。
相关文章推荐
- 终结照片浏览器应用ios源码
- Android Studio中通过快捷键来提取提取方法
- cocos 游戏移植到 Windows10 之路 -- 环境搭建
- iOS开发-捕获程序崩溃日志
- Android 自定义对话框
- iOS_开发_工具_mac下的brew安装方法
- 【官方方法】xcode7免证书真机调试
- android API Level
- Objective-C---9---内存管理
- Objective-C对象属性设置
- [IOS经验总结]UIWebView与JS之间的数据交互
- appcan平台自定义布局开发者指引文档
- iOS中的block全面分析
- APP安全测试汇总
- Android 中的 Service 全面总结
- [转][译]关于iOS和OS X废弃的API你需要知道的一切
- ASO | APP推广之ASO优化中的九大奥义。
- 【Unity】手势缩放屏幕和旋转视角
- Android根据标签长度自动换行
- Lost in quantization: improving particular object retrieval in large scale image databases