Safari中的input、textarea无法输入的问题

原因是这两种表单元素上应用了user-select:none的css属性。一般没人刻意这么做,可能是这样的情况:

* {
    user-select: none;
}

在选择器中排除掉这两种元素就好了:

:not(input, textarea) {
    user-select: none;
}
时间: 2024-10-24 16:18:36

Safari中的input、textarea无法输入的问题的相关文章

chrome、safari中的input或textarea

1.去掉chrome.safari input或textarea在得到焦点时出现黄色边框的方法 input{ outline:0;} 2.去掉chrome.safari textarea右下角可拖动鼠标改变textarea大小的方法 textarea{ resize:none;} 集合: input,textarea{ outline:0; resize:none;} 3.input中文字垂直居中 input{ margin:0; padding:0;} .login input{ height

ubuntu中python input的中文输入问题

ubuntu中在terminal终端进行python操作时,对于input函数会出现中文输入的问题,调整为python3则变为正常, 对于常说的python2中的raw_input等价于python3中的input函数,目前在中文输入上还是不太一样

购物车中的input输入框只能输入数字和输入为0的时候默认为1

<input type="text" value="1" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'1':value,10))"> 原文地址:https://www.cnblogs.com/yuanyanbk/p/8136840.html

转 移动端-webkit-user-select:none导致input/textarea输入框无法输入

移动端webview中写页面的时候发现个别Android机型会导致input.textareat输入框无法输入(键盘可以弹起,不是webView.requestFocus(View.FOCUS_DOWN);的问题) 由于移动端我习惯统一初始化样式: * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transpa

IE中,多次弹出Pop页面,光标无法落入Pop页面中的Input,导致无法输入

之前用JQuery开发了一个弹出框的插件,可用于Pop页面,里面是用的Iframe.但是最近用IE测试发现,第一次弹出Pop页面可以正常使用,关闭Pop页面,再次打开后,页面中的input文本框无法落入光标,导致没办法输入.苦思许久,百度谷歌了许久,最后终于解决了. Chrome测试没有问题,IE有,那证明是IE的问题了.果然,是IE的问题.我们知道,关闭Pop页面其实就是从dom中把Pop这个Div移除.但是IE移除了Div,可Div里面的iframe还在Dom树上,当再次弹出Pop页面又会创

如何隐藏 Safari 中 input 标签的 autofill 图标

Safari 浏览器会为 <input type="passport"> 标签自动添加一个小锁的图标(如下图),本意上是让用户可以从这里选择相应的 用户名/密码 进行自动填充,但是在某些场景下需要将其隐藏,可能是出于安全性考虑,当然也有可能出于 UI 样式方面考虑. 从网上可以搜到很多种有效的解决方法,例如下面的代码就是其中之一,但是很少会告诉你为什么要这样做,以致于下次再遇到这样类似的问题时,还是要借助于 Google.Baidu. input::-webkit-cred

统计Textarea的输入字符数

HTML代码: <div class="item-textarea">     <textarea></textarea>     <span>还可以输入<i>500</i>个文字</span> </div> CSS代码: .item-textarea{     position: relative; } .item-textarea textarea{     width: 100%;  

实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)

textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求. 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用.假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): <script language="#"

使用iScroll时,input等不能输入内容的解决方法(share)

最近做移动平台的应用,使用iscroll使屏幕上下滑动.发现当使用iscroll后,input等不能输入内容了.只要在iscroll.js文件中加入如下代码就ok了. function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll('input, select, button')).forEach(function(el){ el.addEventListener(('ontouchstart' in window)