如何清除IE10+inputX文本框的叉叉和密碼輸入框的眼睛圖標(biāo)
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 20:26:54
如何清除IE10+inputX文本框的叉叉和密碼輸入框的眼睛圖標(biāo)
如何清除IE10+inputX文本框的叉叉和密碼輸入框的眼睛圖標(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ì)畫蛇添足,
導(dǎo)讀如何清除IE10+inputX文本框的叉叉和密碼輸入框的眼睛圖標(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ì)畫蛇添足,

從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ì)大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)PHP中文網(wǎng)的支持!
更多如何清除IE10+ input X 文本框的叉叉和密碼輸入框的眼睛圖標(biāo)相關(guān)文章請關(guān)注PHP中文網(wǎng)!
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
如何清除IE10+inputX文本框的叉叉和密碼輸入框的眼睛圖標(biāo)
如何清除IE10+inputX文本框的叉叉和密碼輸入框的眼睛圖標(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ì)畫蛇添足,