原文:移动端下,点击a标签背景高亮问题的解决方法

在制作某个移动端项目的时候,发现当我们点击链接,input标签或者div盒子的时候,整个标签会出现颜色块并会闪烁一下,不仅影响美观,而且会极大降低了用户体验。 解决方案: webkit tap highlight color: transparent 透明 调试: webkit tap highlight color:red 加上这行代码,背景就会变成红色。 代码: lt DOCTYPE htm ...

2017-07-26 22:46 0 3090 推荐指数:

查看详情

移动端去掉a标签点击时出现的背景

之前做移动端的Portal时,手机上测试,点击a标签总是出现一个背景框在CSS中添加 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);就可以了做移动端的,可以试试,我好久不做移动端了... ... a:active ...

Tue Aug 02 21:23:00 CST 2016 0 3302
怎么去除移动点击a标签链接时的背景

在手机端点击链接时会发现有一个背景色,有时候需要改变这个颜色,或者去除这个颜色,有时候a标签做成按钮时这个颜色的存在会很丑,像这样: 可以通过 来去除这个高亮,这样在移动点击按钮时就不会再有这个问题了 ...

Fri Sep 29 00:02:00 CST 2017 0 1161
取消a标签移动点击时的背景颜色

一、取消a标签移动点击时的蓝色 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none ...

Thu Jan 12 17:41:00 CST 2017 0 16911
css取消a标签移动点击时的背景颜色

一、取消a标签移动点击时的蓝色-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;  二、使用图片 ...

Fri Aug 04 04:49:00 CST 2017 0 6742
H5页面背景图被键盘挤压移动了位置解决方法

body{width:100%,height:100%},下图蓝色背景放在body里面。我这个是微信端打开的H5链接 问题:手机要输入手机号或者密码,会弹出手机的键盘,然后就变成下图。键盘背景图给移到上面去了。体验极差。 解决方案: JS代码:用JS代码自动判断窗口的高度,然后赋值 ...

Sat Jul 01 18:21:00 CST 2017 1 3752
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM