首页 > 移动平台 > 详细

apple Safari input text 的兼容问题

时间:2015-05-12 20:49:50      阅读:458      评论:0      收藏:0      [点我收藏+]

apple

 

-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。

想要禁用这个高亮,设置颜色的alpha值为0即可。

示例

屏蔽ios和android下点击元素时出现的阴影

1

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

 

 

IOS下移除按钮原生样式 -webkit-appearance

input[type=button]{

-webkit-appearance:none;

outline:none

}

 

Safari input text 的兼容问题

 

input[type="text"], input[type="email"], input[type="search"], input[type="password"] {

        -webkit-appearance: caret;

        -moz-appearance: caret; /* mobile firefox too! */

}

apple Safari input text 的兼容问题

原文:http://www.cnblogs.com/papajia/p/4498300.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!