前端 覆蓋input框內disabled的樣式

2021-10-01 01:22:27 字數 648 閱讀 9302

需求:

前端框架使用的是layui

某個頁面只回顯資料,不需要向後台傳值,該頁面訪問時所有內容均為唯讀

這就遇到了乙個問題

1.直接在input框內加上屬性 οnclick="return false" 

2.使用!this.checked屬性: 

不知道為什麼,這兩種方法我試了完!全!沒!有!用!!!

最後只能回到最初的起點,用disabled屬性。。。。

但是disabled的樣式實在是有點醜

啊看看這灰不溜秋的背景色,我哭遼

機智的我點開了f12,看看還有沒有救

嗯找到了,這個小勾勾√,去掉就沒有這個背景色了

把這一段copy下來,放到html的最上方,完美

input框內的數字正則

數字正則 js 可輸入負數金額的驗證函式,保留兩位小數 function validafsdouble obj d.g,保證只有出現乙個.而沒有多個.obj.value obj.value.replace g,必須保證第乙個為數字而不是.obj.value obj.value.replace g,保...

input實時監聽文字框內容

在做搜尋時經常會用到我們需要監聽input input on keydown function 因為keydown事件處理函式中立即獲取文字框中的內容,通常會有乙個字元的偏差 他是在鍵盤按下瞬間觸發所以基本不用這個方法,html5新增屬性input 非常nice input on input fun...

Input輸入框內容限制

輸入大小寫字母 數字 下劃線 input type text onkeyup this.value this.value.replace w g,輸入小寫字母 數字 下劃線 input type text onkeyup this.value this.value.replace a z0 9 g,...