關於移動端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支持.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM