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

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==========

时间： 2024-10-11 10:30:17

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

input[type='submit']input[type='button']button等按钮在低版本的IE下面，去掉黑色边框的问题

今天做一个tabs效果的时候,发现上面的button在低版本下会出现黑色的边框,很难看,于是我整理了下几个去掉黑色边框的办法: 1.在button的外层嵌套一个div,设置button的border:none; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <st

input type="submit" 和"button"有什么区别？

在一个页面上画一个按钮,有四种办法: <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. <button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容.(当然

input type="submit" 和"button"有什么区别

HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型.点击触发动作两个方面来区别. 一.元素定义类型的区别: 1.<input type="button" /> 定义为一个可点击的按钮. 2.<input type="submit" /> 定义为一个提交按钮.提交按钮会把表单数据发送到服务器. 二.点击触

关于input,button标签在苹果手机上显示阴影解决办法

textarea,input[type="password"],input[type="text"]{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}

<input> type 属性

单行文本域语法格式:<input type = “text” 属性 = “值” /> 常用属性 1 name:文本框的名字.命名规则是:可以包含字母.数字.下划线,只能以字母开头. 2 type:表单元素的类型. 3 value:文本框中的值. 4 size:文本框的长度,以“字符”为单位. 5 maxLength:最多可以输入多少个字符,超出的就输不进去了. 6 readonly:只读属性.可以选中,但不能修改.如:readonly = “readonly” 7 disab

input type属性

在HTML5中,规定的 input type 属性值如下: 1.button 定义可点击按钮 2.checkbox 复选框 <form action="demo-form.php"> <input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br> <input type="checkbox" n

<button>和<input type="button">区别

1.定义和用法定义和用法 <button> 标签定义一个按钮. 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <button> <button> 中间可以放:图片.文本等比较丰富的内容. 唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为, 请始终为按钮规定 type 属性.Internet Explorer 的默认类型是 "button"

ASP.NET控件<ASP:Button /> html控件<input type="button">区别联系

ASP.NET控件<ASP:Button />-------html控件<input type="button">杨中科是这么说的:asp和input是一样的东西服务器只认识input,我们可以直接写input 但是asp是要把自己自动翻译成input再交给服务器的.其实是一样的东西写写我看到的区别: asp控件,直接可以用c#编程 input加上 runat=“server” 也被c#编程了说白

type="submit"

1 <?php var_dump($_REQUEST); ?> 2 <form action="" id="javascript_page"> 3 SHOP-ASIN <input type="text" name="shopasin"> 4 <button type="submit" name="whelp2017" value="w