zoukankan      html  css  js  c++  java
  • 关于移动端input框 在微信中 和ios中无法输入文字的问题

    <form action="">
            <div class="infor_in mt32"><span>订单号</span><input type="text" name=""  value="" /></div>
            <div class="infor_in mt32"><span>&nbsp;&nbsp;&nbsp;</span><input type="text" name=""  value="" /></div>
            <div class="infor_in mt32"><span>手机号</span><input type="text" name=""  value="" /></div>
            <div class="Smash"><a href="javascript:;" class="egg_play"><img src="img/Smash.png"/></a></div>
            </form>

    这个是一个提交的页面但是总是无法输入进去文字 在uc中是可以的 但是在微信中 或者ios自带浏览器是无法输入的  绞尽脑汁  找了半天  才发现自己多加了一段代码(这个代码是模版中自带的   我靠)

    代码如下

    /*-webkit-user-select: none;/*禁掉用户可以选中页面中的内容,*/

    把这行代码注视掉就可以了   至于这行代码作用是什么  解释如下

    或许你常常不希望用户在你的网站上选择文本,无论是否是出于版权的原因.通常大家会有js来实现,另一个方案就是,将-webkit-user-select 和-moz-user-select 的值设为none.
    请谨慎使用这个属性:因为大部分用户是来查看信息的,他们可以复制并存储下来以备将来之用,所以这种方法既无用也无效.如果你禁用了复制粘贴功能,用户还是可以通过查看源文件来获取到他们想要的内容.搞不懂这个属性为什么会被webkit和gecko支持.

  • 相关阅读:
    标准化R包开发流程
    创建Rdemo项目
    rJava在ubuntu上的安装
    Linux初始root密码设置
    检查网卡错误
    统计学习方法-李航 第一章
    ubuntu16.04细节设置
    linux指令学习
    Python在ubuntu16.04上环境搭建
    kuberneets 1.17 设置 kube-reserved, system-reserved
  • 原文地址:https://www.cnblogs.com/ling-du/p/4580302.html
Copyright © 2011-2022 走看看