首页 > 代码库 > 手机中点击一个链接或文本输入框出现一个半透明的背景的问题

手机中点击一个链接或文本输入框出现一个半透明的背景的问题

刚开始接触移动端的开发,发现input元素在iPhone中获得焦点时会出现一个半透明的背景,如图:

要去掉这个半透明背景需要设置以下样式

-webkit-tap-highlight-color:rgba(0,0,0,0);

tap-highlight-color:rgba(0,0,0,0);

 

补充下网上的资料说明:

当你点击一个链接或输入框元素时,就会出现一个半透明的灰色背景。

tap点击,highlight背景高亮,color颜色,颜色用数值调节