苹果手机使用input样式问题和页面放大问题

最新推荐文章于 2019-06-17 14:35:38 发布
最新推荐文章于 2019-06-17 14:35:38 发布
阅读量709 收藏
点赞数 1
分类专栏： css 移动端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dengzihao1023/article/details/90640129
版权

去除输入框样式css

input[type="text"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea { -webkit-appearance: none;}

 

不让苹果手机点击input的时候放大

<meta content="yes" name="apple-mobile-web-app-capable">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

邓子豪
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[渣翻]如何在IOS设备上设置html5原生日期-时间选择器的宽度
plandast的博客
02-19 1938
[渣翻]如何在IOS设备上设置html5原生日期-时间选择器的宽度 题主： 我正在使用原生的日期-时间选择器type = date和type = time为我正在开发的网站做移动版本的适配。但是input输入框并没有正确显示我设置的css。 电脑效果： IOS设备效果： 最终我需要这两个输入框分别占50%的宽度，以下是我的html和css代码： <div class="arriveWrapper"> <div class="arriveDateWrapper f
去除 Iphone中input样式
dkTwo的博客
02-01 3698
input { -webkit-appearance: none; }
input在苹果手机上的样式
dibixing3559944的专栏
05-10 343
input[type=button], input[type=submit], input[type=file], button {　　 -webkit-appearance: none; } 转载于:https://www.cnblogs.com/ZLHF/p/6836319.html
修改 HTML5 input type date默认样式
热门推荐
又是再见?
01-26 2万+
1.时间选择的种类: HTML代码：  选择日期：  选择时间：  选择星期：  选择月份： 2.对日期时间控件的样式进行修改 目前WebKit下有如下9个伪元素可以改变日期控件的UI： ::-webkit-datetime-edit – 控制编辑区域的 ::-webkit-datetime-edit-fields-wrapper – 控制年月日这个区域的 ::
苹果手机 input框兼容性，input 在iPhone 上 上边框有阴影
奔跑的搬运工
06-17 5115
一、样式复现 h5移动端开发，发现在苹果手机上input显示有问题。input的border已经初始化设置为none了，根据需求进行了border样式的重置。 但在苹果手机上渲染有问题。如下图所示： 二、解决方案： input{ 　　appearance:button; 　　-moz-appearance:button; /* Firefox */ 　　-webkit-appearance:bu...
input样式去掉苹果手机的默认样式
Super_woman21的博客
06-26 8585
/*&lt;!----&gt;去掉苹果短的样式*/ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none;}
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
12-10
在用vue-cli脚手架搭建手机H5页面应用的时候，其中一页中部有input，底部有position：absolute；bottom：0的元素， 当点击input框时在安卓手机上出现了： 1 虚拟键盘弹出盖住input 2 底部定位的元素被挤上来 网络上...
css苹果手机去掉input样式
08-04
留言板提交按钮，苹果手机显示的不正常，用css来改变，
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
10-14
在开发Vue应用时，我们可能会遇到使用第三方滚动库如Vue-scroller时，遇到的一个常见问题：在页面中包含`<input>`输入框时，用户在输入框区域内无法触发滚动操作。这个问题主要是由于Vue-scroller组件内部的源码逻辑...
解决ios手机中input输入框光标过长的问题
01-04
在项目中做移动端页面，发现IOS 的光标大小很大，和安卓的完全不一样，思考怎么调整大小，通过实践和尝试，找到了解决方法，现分享给大家。 修改前css部分代码： .receiving-info .receiving-info-list input { ...
去除IOS苹果手机自带按钮样式的方法(推荐)
01-20
如下所示： input[type=button], input[type=submit], input[type=reset]...以上这篇去除IOS苹果手机自带按钮样式的方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
CSS去掉苹果手机input默认样式，去除点击时阴影
S筱潇S四维Smile
01-14 4589
-webkit-tap-highlight-color:rgba(255,255,255,0); input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button { -webkit-appearance: none; } input:-...
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
ximenxiafeng的专栏
10-30 4266
之前写了一个登录表单页面，再iphone上测试遇到了一些奇怪的问题：表单中的input[type="submit"]按钮在iPhone的safari浏览器下会出现圆角的情况；input[type="text"]文本输入框会有内阴影，这些问题该怎么处理呢？请看下文 今天在公司写了一个登录页面效果，让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type
改变ios input样式
qq_21058391的博客
11-11 6412
原文地址 IOS 下 input[type=’tel’],input[type=’text’]输入框，在触发的时候，input会有一个灰色的背景色块，一闪而过，网上搜素了很多关键字，都一无所获，后来跟ios的开发同学聊了一下，他说ios有个原生的 highlight 的熟悉，原来如此。 -webkit-tap-highlight-color 这个属性只用于iOS (iPhon
改变iPhone原有的input，textarea样式
liyuedan的专栏
01-07 6183
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;} textarea {-webkit-appearance: none;}
如何做一个听话的 “输入框”
大转转FE
01-26 1553
前言在移动端的web开发中，一提起输入框，程序猿（媛）肯定有很多可以吐槽的点。在输入框的运用中，小编也是很心累呀~不过，经过我 潜（cai）心（keng）研（jiao）究（xun），也算是了解了它的脾性... ...  特别鸣谢：周涵，家兴等正文这里开始 ? — — — — — — — —问题探究1. ios中，输入框获得焦点时，页面输入框被遮盖，定位的元素位置错乱：当页input存在于吸顶或者吸
一些简单的兼容性问题 --脱坑持续更新中-2019-1.11
杨京葛
06-01 2091
  3.ios new Date(时间) 问题 ios不兼容                 YYYY-MM-DD HH:MM:SS 要把日期格式调整为 YYYY/MM/DD HH:MM:SS new Date(time1.replace(/-/g, "/")).getTime(); 问题解决-----2019-01更新   2.ios键盘定位问题 问题描述: input(te...
禁止iphone上input[type='text']自动放大
E_li_na的博客
01-24 2128
如果font-size小于16px,浏览器将自动放大，然而，元素的默认font-size是11px(至少在chrome和safari).所以设置元素的样式至少为16px就不会产生放大效果。另，select元素必须附加focus伪类： input[type=&amp;quot;color&amp;quot;], input[type=&amp;quot;date&amp;quot;], input[type=&amp;quot;datetime&amp;quot
css中input和button对不齐的问题
最新发布
06-06
该问题可能是由于 input 和 button 的默认样式不一致导致的。你可以尝试使用 CSS 调整它们的样式，使它们对齐。 下面是一些可能有用的 CSS 代码示例： ```css /* 使 input 和 button 的高度相同 */ input, button ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值