码迷,mamicode.com
首页 > 移动开发 > 详细

apple Safari input text 的兼容问题

时间:2015-05-12 20:52:37      阅读:162      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!