如何清除IE10+ input X 文本框的叉叉和密碼輸入框的眼睛圖標(biāo)
從IE 10開始,type=”text” 的 input 在用戶輸入內(nèi)容后,會(huì)自動(dòng)產(chǎn)生一個(gè)小叉叉(X),方便用戶點(diǎn)擊清除已經(jīng)輸入的文本。
對(duì)于type=”password”的 input
則會(huì)在右方顯示一個(gè)小眼睛的圖標(biāo),占擊這個(gè)圖標(biāo)可以顯示已經(jīng)輸入的內(nèi)容。
好是好,但有時(shí)候會(huì)畫蛇添足,比如已經(jīng)用js控制了這個(gè)功能的時(shí)候。
只要使用以下CSS代碼可輕松實(shí)現(xiàn)隱藏IE瀏覽器自帶的文本刪除按鈕和密碼查看按鈕。
::-ms-clear, ::-ms-reveal { display:none; }
其中 ::-ms-clear 是文本清除按鈕,也就是input右方的叉叉 ::-ms-reveal是密碼查看按鈕,也就密碼框右邊的小眼睛。
當(dāng)然,也可以單獨(dú)清除其中一項(xiàng),這是你的自由。
以上所述是小編給大家介紹的如何清除IE10+ input X 文本框的叉叉和密碼輸入框的眼睛圖標(biāo),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
javascript+xml技術(shù)實(shí)現(xiàn)分頁瀏覽
基于web的技術(shù)中,分頁是一個(gè)老的不能再老的,但大家津津樂道的問題,隨著xml技術(shù)的日漸應(yīng)用,把xml應(yīng)用到分頁當(dāng)中,也是一種可能,當(dāng)然網(wǎng)上的教程很多,當(dāng)我都是看得稀里糊涂,索性自己寫一個(gè),與大家分享、指正。2008-07-07BootStrap Table實(shí)現(xiàn)server分頁序號(hào)連續(xù)顯示功能(當(dāng)前頁從上一頁的結(jié)束序號(hào)開始)
這篇文章主要介紹了BootStrap Table實(shí)現(xiàn)server分頁序號(hào)連續(xù)顯示功能(當(dāng)前頁從上一頁的結(jié)束序號(hào)開始),需要的朋友可以參考下2017-09-09小程序簡(jiǎn)單兩欄瀑布流效果的實(shí)現(xiàn)
這篇文章主要介紹了小程序簡(jiǎn)單兩欄瀑布流效果的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12ArrayBuffer Uint8Array Blob與文本字符相互轉(zhuǎn)換示例
這篇文章主要為大家介紹了ArrayBuffer Uint8Array Blob與文本字符相互轉(zhuǎn)換示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06微信小程序全局變量改變監(jiān)聽的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于微信小程序全局變量改變監(jiān)聽的實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用微信小程序具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07關(guān)于js二維數(shù)組和多維數(shù)組的定義聲明(詳解)
下面小編就為大家?guī)硪黄P(guān)于js二維數(shù)組和多維數(shù)組的定義聲明(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10