最近在做一个项目，由于电脑端用的是chorme（谷歌浏览器），在PC端、android机上面一切都很正常，当时就没用IOS系统测试，直到最近客户反映在苹果手机上输入框不能输入，才知道出现了问题，哈哈。。。。，当时第一感觉是好无奈！

        后来检查元素时发现了这么个东西：-webkit-user-select:none;至于这个属性到底是什么意思，往下接着看。你要让他能输入，把-webkit-user-select:none改成-webkit-user-select:auto;覆盖掉或者直接注释掉就行！

-webkit-user-select 和 -moz-user-select

        或许你常常不希望用户在你的网站上选择文本，无论是否是出于版权的原因。通常大家会有js来实现，另一个方案就是，将-webkit-user-select 和-moz-user-select 的值设为none。

        请谨慎使用这个属性：因为大部分用户是来查看信息的，他们可以复制并存储下来以备将来之用，所以这种方法既无用也无效。如果你禁用了复制粘贴功能，用户还是可以通过查看源文件来获取到他们想要的内容。搞不懂这个属性为什么会被webkit和gecko支持。

        浏览器支持: WebKit, Gecko.

本文地址：https://www.stayed.cn/item/47

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我