2013-12-09 96 views
20

IE11的 「清場」 X按鈕繼Remove IE10's "clear field" X button on certain inputs?刪除在Windows 8

.someinput::-ms-clear { 
    display: none; 
} 

給出的建議在Windows 7與IE 11偉大的工作,但不能與IE 11在Windows 8.1

我也嘗試過

.someinput::-ms-clear { 
    height: 0; 
    width: 0; 
} 

在IE 11/Windows 8.1上刪除X的任何想法? 謝謝

+0

我不知道爲什麼,但在:: - ms-clear之前放置一個空格幫助了我。 – redfox05

回答

29

我有同樣的問題,並且大多數的CSS並沒有幫助我刪除清除按鈕。 我固溶這種通過簡單的寬度和高度設置爲0(加上顯示無)

.someInputdisplay::-ms-clear {display: none; width:0; height:0;} 

我希望這可能是有益的!

+1

引導程序3刪除Chrome中輸入字段的清除按鈕,但不是在IE中,但您的代碼似乎工作。我想知道爲什麼這不包括在Boostrap中。 – redbmk

+0

引導程序3發佈時可能會起作用,但新的IE需要破解。好處是有辦法解決它= D –

+0

我確認「width:0; height:0;」需要使「display:none」與IE11一起工作。謝謝:) – ilter

1

你可以使用:: - ms-reveal與Win8結合使用:: - ms-clear? http://msdn.microsoft.com/en-us/library/windows/apps/hh465773.aspx

.someinput::-ms-clear, 
.someinput::-ms-reveal { 
    display: none; 
} 
+0

這沒有幫助。謝謝。 –

+0

我也試過這些屬性visibility:none; 顏色:白色; padding-right:20px; display:none; –

+0

或者我可以保留內置的X清除按鈕,我知道如何捕捉用戶單擊X時觸發的事件。謝謝。 –

5

檢查「兼容性視圖中顯示Intranet站點」被默認在工具 - >兼容性視圖設置檢查。 Targetting :: - ms-clear和:: - ms-reveal在兼容模式下不起作用。