ios下input不能输入，没有光标的原因及解决办法

ys_healone

于 2023-09-13 08:46:18 发布

阅读量1.6k

点赞数 2

分类专栏：错误 css3 文章标签： css 前端

本文链接：https://blog.csdn.net/ys_healone/article/details/132844622

版权

错误同时被 2 个专栏收录

15 篇文章

订阅专栏

css3

3 篇文章

订阅专栏

作者在修复bug时遇到iPhone7P的输入框无法输入问题，发现是由于开发者设置`-webkit-user-select:none`阻止了用户选择内容。解决方法是将该样式属性改为`user-select:auto`。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在修改bug的时候，测试提出一个问题：

iphone7P输入框选择后无法输入，也没有光标闪烁，说实话觉得这个问题有点莫名其妙了，因为本身我的iphone14没有这个问题也没碰到过这种bug

在网上查找资料发现了原因：

开发中有时会设置-webkit-user-select: none;，用来阻止用户的选择内容行为，这会导致input无法选择，无法输入

解决办法：将将其删除或者设置为`auto`

input, textarea {
    -webkit-user-select: auto!important;
    -khtml-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    -o-user-select: auto!important;
    user-select: auto!important;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ys_healone

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML 点击输入框没有出现光标怎么办

DevPhantom的博客

10-01

1809

当你在编写网页时，可能会遇到一个问题：当你点击一个输入框（input）时，没有出现光标，导致无法输入内容。在本文中，我将介绍几种可能的原因，并提供相应的解决方案。检查 CSS 样式，确保输入框可编辑，并排除其他可能的干扰因素，这些步骤应该能够帮助你找到并解决问题。如果你在网页中使用了 JavaScript，那么问题可能出现在相关的代码中。首先，确保没有应用任何与光标相关的 CSS 样式，这可能会导致光标无法显示。在某些情况下，输入框可能被设置为不可编辑（readonly），这会导致无法输入内容。

解决 - 解决ios input 和textarea不能输入的问题

sunshime的博客

07-19

2709

写移动端项目总有一些兼容性需要我们解决滴，就比如我现在遇到的问题：ios 无法正常在input和textarea上面输入我们需要的内容，而安卓手机是可以正常输入的，一点问题都没有。那么我现在就给大家分享一下如何解决 ios 上面的问题啦。解决方法：直接在标签中加入style="-webkit-user-select:text !important" contenteditable="true" 这些代码即可。这里举个栗子： <textarea id="test" styl

参与评论您还未登录，请先登录后发表或查看评论

ios下输入框获取不到光标，不能进行输入

weixin_筱玉的博客

05-13

317

ios下输入框获取不到光标，不能进行输入

解决 input 输入框在 iOS 系统中无法输入内容

明天也要努力的博客

05-07

5358

问题： input 输入框在 Android 系统可以输入和点击，但是在 iOS 系统上 input 输入框无法点击和输入。

移动端ios出现输入框无法输入的情况

weixin_42845571的博客

11-16

2084

加上这段css即可 [contenteditable="true"], input, textarea { -webkit-user-select:auto!important; -khtml-user-select: auto!important; -moz-user-select: auto!important; -ms-user-select: auto!important; -o-user-select: auto!important; user-select: auto!i

IOS系统中微信、浏览器、手机端输入框input无法输入

ice_cream__的博客

07-05

1317

，阻止了用户的选择内容行为，会导致一些“内容可编辑”标签无法正常使用，比如input、textarea。该属性是用来禁止用户进行复制选择的，这是webkit内核浏览器下的一个bug，具体可以参考这篇文章：(APP内嵌H5、浏览器，在弹窗中的input框无法输入，最多只能输入一个字，并且无光标。是将不同的选择器组合在一起的方法，它选择所有能被列表中的任意一个选择器选中的节点。属性的元素（不论这个属性的值是什么）。按照给定的属性，选择所有匹配的元素。会同时匹配 <span>

苹果手机ios的input不能输入，不能点

weixin_30244889的博客

06-04

851

在做手机端开发时。遇到问题：input输入框安卓手机可以输入和点击，但是到苹果手机上input输入框就不能点了也不能输入了，原因就是下面这几行css代码的影响，删掉就行了。 -moz-user-select: none; //css 让文字不被选中 -webkit-user-select: none; //禁止移动端用户用鼠标在页面上选中文字 user-selec...

关于ios下输入框无法输入的问题

u010007013的博客

05-20

3215

今天在项目中遇到在苹果手机中无法输入的问题。我的安卓手机和在谷歌手机模拟器上都没出现这个问题，但是有同事告诉我他的苹果手机无法输入。我自己试了下他的手机果然点击输入框没有任何反应。我觉得可能是css的问题，于是在项目的全局css里寻找关于input框的css。结果我发现了这样一行代码： *{ -webkit-user-select:none; } 好吧，这行代码是前人留下的代码。字面...

iOS11.3以下modal中input光标错位的解决方法

08-26

iOS11.3以下modal中input光标错位的解决方法是指在iOS11.3以下的系统中，出现了input光标错位的问题，即在弹出层中输入框的光标位置不正确的问题。这个问题是由于iOS系统的BUG所导致的，幸运的是，在iOS11.3以后，这...

解决ios手机中input输入框光标过长的问题

08-27

通过修改line-height的值，我们可以看到iOS和Android手机input光标大小不一致的问题得到了解决。下面是修改前后的效果比较： | 手机类型 | 修改前 | 修改后 | | --- | --- | --- | | iOS | 光标大小过大 | 光标大小...

解决ios h5 input输入框被输入法弹出一块区域的问题

01-05

解决方案 scrollIntoView scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素，以便在当前视窗的可见范围看见当前元素。如果alignWithTop为true，或者省略它，窗口会尽可能滚动到自身顶部与元素顶部平齐 /** ...

ios网页input框无法输入

qq_23111247的博客

06-18

728

参考原文：ios上input无法输入值的解决办法 https://blog.csdn.net/zhanglijiang_2017/article/details/81083164 页面上的input输入框设置-webkit-user-select:text !important;并且给input的父类加上此样式。最终解决方案是在input的父类加上-webkit-user-select:t...

ios系统上input输入框无法输入值的解决办法

u011286552的博客

12-30

1448

本文转自：https://blog.csdn.net/weixin_43642423/article/details/83863847 有好多做手机端网页开发的朋友常常遇到这种问题,就是苹果系统不能在输入框输入值只要在input 上面加上css样式-webkit-user-select:text !important 或者在父类加上这个样式就可以了 ...

关于ios输入框无法输入的坑

weixin_40623562的博客

04-20

650

input, textarea { -webkit-user-select: auto; background-color: transparent; border: none; outline: none; } 添加 -webkit-user-select: auto;

ios上input无法输入值的解决办法

最新发布

01-07

### iOS Input Cursor Issues and Solutions In developing applications for the iOS platform, developers often encounter challenges with `input` elements, particularly concerning cursor behavior. These issues can affect user experience significantly. #### Understanding Common Problems One common issue is that when users interact with text fields or areas within an app built using UIKit components like UITextField or UITextView, unexpected behaviors may occur regarding where the blinking insertion point appears after certain actions such as tapping outside then back into a field[^1]. This problem might stem from how key paths affecting value changes are managed internally by these UI controls. Another frequent complaint involves inconsistent positioning upon rotating devices between portrait and landscape orientations; sometimes, this results in misalignment relative to what should be visible onscreen based on content size adjustments post-rotation events[^3]. Additionally, there have been reports about difficulties ensuring proper focus management across multiple editable regions simultaneously displayed side-by-side without causing erratic jumps around during typing sessions[^2]. #### Implementing Fixes To address some of these concerns programmatically: - For managing key-value observing efficiently which indirectly influences cursor placement logic inside subclasses derived from UIResponder (the superclass shared among all interactive views), one could override methods related to dependency tracking similar to what's shown below but tailored specifically towards handling keyboard-related properties effectively. ```objc - (NSSet *)keyPathsForValuesAffectingValueForKey:(NSString *)key { NSSet *keyPaths = [super keyPathsForValuesAffectingValueForKey:key]; if ([key isEqualToString:@"customTextFieldProperty"]) { NSArray *additionalKeys = @[@"text", @"selectedRange"]; return [keyPaths setByAddingObjectsFromArray:additionalKeys]; } return keyPaths; } ``` - When dealing with orientation changes impacting layout constraints dynamically recalculated due to screen dimensions altering unexpectedly while editing continues uninterrupted elsewhere off-screen momentarily hidden beyond current viewport boundaries – consider implementing view controller lifecycle hooks alongside auto-layout best practices carefully considering intrinsicContentSize updates accordingly whenever necessary. - Regarding simultaneous interaction support amongst numerous focused items concurrently active at once throughout complex interfaces containing many potential entry points scattered widely apart spatially separated visually far away from each other yet still interconnected logically through underlying data models binding them together seamlessly behind-the-scenes — explore adopting responder chain patterns along with gesture recognizer coordination techniques strategically placed wherever appropriate according to specific use case requirements. --related questions-- 1. How does overriding `- (NSSet *)keyPathsForValuesAffectingValueForKey:` influence cursor behavior? 2. What strategies exist for maintaining consistent cursor positions during device rotation? 3. Can you provide examples of effective focus management implementations involving multiple input fields? 4. In what ways do gesture recognizers play a role in resolving cursor movement anomalies? 5. Are there any third-party libraries specialized in enhancing text input experiences worth exploring?

ios下input不能输入，没有光标的原因及解决办法

今天在修改bug的时候，测试提出一个问题：

在网上查找资料发现了原因：

解决办法：将将其删除或者设置为auto

解决办法：将将其删除或者设置为`auto`