input[type=submit]以及数字日期在苹果手机上显示异常的处理

本文介绍了如何解决iOS设备上input按钮背景颜色显示异常的问题,并提供了解决苹果手机网页上显示日期或数字时可能被误识别为电话号码的方法。

1、input的背景颜色显示不正常。如图所示:

在手机页面上写了个input的button按钮,但是颜色显示不对,发白,不知道怎么回事,比如下图,本来颜色给的是绿色,结果却是这个样子。

解决方法:

在CSS中加上下面的代码即可:

input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}

2、阻止苹果手机网页上点击数字可能拨打电话和自动添加下划线的解决办法

有时候在页面上需要显示类似于2012-10-05这种格式的日期或数字,但是苹果手机会把它当成电话号码来读取并提示拨打该号码。而且该数字的样式也会默认加上下划线、颜色变蓝色。很像<a>标签的样式

解决办法如下:

在HTML的head中加上这句话就好了

<meta name="format-detection" content="telephone=no" />

//===========END==========

转载于:https://www.cnblogs.com/kingchan/p/6515918.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值