apple Safari input text 的兼容问题

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! */

}

时间： 2024-08-13 13:07:21

apple Safari input text 的兼容问题的相关文章

RobotFramework自动化测试框架-移动手机自动化测试Input Text和Click Button关键字的使用

Input Text和Click Button Input Text 关键字一般用来给输入框进行输入操作,该关键字接收两个参数[ locator | text ]. 示例1:启动安卓手机上一个APP的MainActivity,在打开Activity,进入界面后,分别向两个EditText输入框中输入12,并且点击按钮"计算"来计算出输入的这两个数字的乘积. APP的界面如下,提供了两个输入框,还有一个计算的Button按钮. 在写这个自动化案例前,我们可以使用安卓SDK提供的Ui Au

input text 不可编辑的解决办法

input text的outline属性

普通的text选中编辑时会出现蓝色的边框,感觉不太美观,怎么去掉呢? 可以在text对应的样式里加入:outline: 0; input text的outline属性

限制input text输入的类型（数字，字母，小数点）

1.红色为input text只能输入数字和小数点. <input type="text" class="input" name="rate" value="0.000"onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.valu

input:text 的value 和 attribute('value') 不是一回事

如题,input:text 当手工输入字符改变其值时,两者就不一样了. 要获得手工输入,不要用attribute('value') 直接使用value: function getbyid(id){ return document.getElementById(id); } window.onload = function(){ content = getbyid('content'); change = getbyid('change'); change.addEventListener('cl

input text 文本框字符限制

input text中只能输入数字和"-"号<input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />

jquery循环table中tbody的tr中input:text，将值进行拼接传入控制器并返回状态和描述

引用jquery $(function(){ $("#按钮id").click(function(){ var nums="";//变量 $("#table的id tbody tr").each(function(){ var num1=$(this).find("input:text:eq(0)").val(); var num2=$(this).find("input:text:eq(1)").val(

adb shell input text 输入特殊字符 ?

要往手机里输入很长的字符,可以用到adb shell input "" 输入想要的字符,但是对于一些特殊字符,使用adb shell input 的时候会出问题例如特殊字符“?” 有两种方法: 1.使用转意符,就能正常输入了 adb shell input text "\?" #该命令执行后,手机文本输入框中就会有“&” 缺点:每个“?”前都要加一个转意符,否则会报错 2.加一个空格字符前加一个空格,后面跟多少个特殊字符(?)都无所谓 adb shel

IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表

浏览器兼容问题一直是前段开发工程师比较头痛的问题,熟悉了里面的规则也就变得简单了,这里有一份资料可以分享给大家,大家平时开发过程中遵循这个规律的话,会变得轻松多了: 各浏览器CSS hack兼容表: IE6 IE7 IE8 Firefox Chrome Safari !important Y Y _ Y * Y Y *+ Y \9 Y Y Y \0 Y nth-of-type(1)