ios bug: user-select样式导致input[type="tel"]聚焦时光标不显示 - - ITeye博客

`

jm1999

浏览: 196762 次

最近访客更多访客>>

leimingchao

cccc205

cgdadj

a612986

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

ios bug: user-select样式导致input[type="tel"]聚焦时光标不显示

博客分类：

兼容问题

阅读更多

ios bug: user-select样式导致input[type="tel"]聚焦时光标不显示

发现当针对input[type="tel"]设置的样式-webkit-user-select:none;后，会导致在ios下聚焦时光标不显示，但是键盘有弹出的bug.

解决办法：重写user-select样式

css: user-select: text;-webkit-user-select:text;

分享到：

Vue-SSR-demo1 | 前端设备指纹

2017-09-16 18:30
浏览 1608
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

如何将input type=file显示的浏览变成英文的: ### 如何将input type=file显示的“浏览”变成英文的在网页开发中，经常会遇到需要用户上传文件的情况。默认情况下，HTML中的`<input type="file">`元素的“浏览”按钮通常会显示为系统语言，对于英文界面的需求，...

移动端开发资料1: input[type=tel]::-ms-clear, input[type=number]::-ms-clear { display: none; } ``` 禁止iOS长按触发系统菜单，以及禁止iOS和Android设备长按图片下载，可以使用以下CSS规则： ```css .css { -webkit-touch-...

input type=file 调取手机照相机和选择照片上传: 本文将深入探讨如何使用 `input type="file"` 激活手机的照相机功能以及选择图片上传。首先，`<input type="file">` 是HTML中的一个表单元素，它的主要作用是让用户选择本地文件。在默认情况下，点击这个元素会...

CISCO2950最新IOS映像：c2950-i6k2l2q4-mz.121-22.EA14: 2010年推出： CISCO2950最新IOS映像：c2950-i6k2l2q4-mz.121-22.EA14

mui.css和input type=checkbox冲突，导致打不上勾(无法选中)的解决办法.zip: 这个压缩包文件"mui.css和input type=checkbox冲突，导致打不上勾(无法选中)的解决办法.zip"显然是针对一个具体的技术问题，即MUI CSS框架与HTML复选框(input[type="checkbox"])之间存在兼容性问题，导致复选框无法...

vue中使用input[type=”file”]实现文件上传功能: 注意:input[type=file] 标签中的属性accept=application/msword,application/pdf 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格式的判断,以及对应显示样式的设置.(我也是刚...

GNS3模拟器IOS：c7200-is-mz.122-19: GNS3模拟器IOS：c7200-is-mz.122-19

react-native-select-input-ios:适用于iOS（+ Android）的React Native SelectInput，将选择器显示为键盘: React本机选择输入用于iOS（+ Android）的React Native SelectInput，将选择器显示为键盘。预习安装可以通过npm或yarn进行安装： npm install react-native-select-input-ios --save# oryarn add react-native-...

ios-弹框评价.zip: 设计思路：在lastWindow上添加一个等宽等高的子视图，在此视图上进行布局。 YSEvaluateControl文件夹：就是控件所在文件玩意儿，使用时直接拖入工程即可。 ...2、添加valueChanged事件，参考ViewController代码，...

ios原生User-agent数据，8万量级: ios原生User-agent数据，8万量级。数据来源于https://user-agents.net/random

GNS3模拟器IOS:c2600-ik8s-mz.122-24: GNS3模拟器IOS:c2600-ik8s-mz.122-24

iOS 7 Programming Fundamentals: Objective-C, Xcode, and Cocoa Basics: iOS 7 Programming Fundamentals: Objective-C, Xcode, and Cocoa Basics by Matt Neuburg (Author) Publisher: O’Reilly Media (October 2013) Language: English ISBN-10: 1491945575 ISBN-13: 978-...

ios输入框（input）背景色为白色无法去除.pdf: 注意：如果在使用了上述第二段代码后，iOS的异常还是没有解决，可以检查自己的input标签中，是否写着type="search"，因为这一段代码会使得输入框具有默认样式。如果是这样，可以将type="search"去掉以解决问题。 ...

GNS3模拟器IOS：c3725-ipbasek9-mz.124-25: GNS3模拟器IOS：c3725-ipbasek9-mz.124-25

GNS3模拟器IOS：c3745-ik9s-mz.123-13a: GNS3模拟器IOS：c3745-ik9s-mz.123-13a

GNS3模拟器IOS：c3745-ipbasek9-mz.124-17a: GNS3模拟器IOS：c3745-ipbasek9-mz.124-17a

apicloud中vue处理购物车全选单选: 使用vue在apicloud实现购物车的全选单选只要是拿一个字段作区分那他去作区分最麻烦的就是ios不能全选但是我是经过api.systemType 做过处理 ios和安卓的区分 <input class="aui-radio" v-model="vo.is_...

input file选择文件之后自动上传（样式自定义美化）: "input file选择文件之后自动上传（样式自定义美化）"这个主题聚焦于一个常见但有时被忽视的用户体验改进点：如何在用户选择文件后立即启动上传，并且在上传过程中保持界面的美观与友好。下面将详细介绍这一过程涉及...

GNS3模拟器IOS：c3640-jk9o3s-mz.124-10a: 标题中的“GNS3模拟器IOS：c3640-jk9o3s-mz.124-10a”指的是一个用于网络设备模拟的软件——GNS3（图形化网络模拟器3），其中包含了Cisco Catalyst 3640路由器的操作系统镜像文件，即IOS（Internetwork Operating ...

解决webView不支持网页，webViewinput type="file"上传功能: 首先，我们需要理解为什么WebView不直接支持`input type="file"`。出于安全考虑，原生的WebView控件通常不允许直接访问设备的文件系统。为了解决这个问题，开发者需要实现一个自定义的文件选择器，并通过JavaScript...

Global site tag (gtag.js) - Google Analytics