2012-11-20 36 views
51

Làm cách nào để tắt chức năng mới trong Internet Explorer 10 cho thấy một chút 'x' trong hộp văn bản khi nó được tập trung và tôi có nội dung trong đó?Làm cách nào để tắt nút rõ ràng mà IE10 chèn vào hộp văn bản?

IE10 Clear Button

+0

Họ tiếp tục thêm và thêm nội dung ... Ý tưởng hay, nhưng ... –

+2

Làm cách nào để họ có thể nghĩ đây là một ý tưởng hay? Tôi không có ý tưởng những gì nó đã làm lần đầu tiên tôi nhìn thấy nó và tôi là một nhà phát triển ... – VirtuosiMedia

+4

Không có trong spec vì vậy nó không nên có – lededje

Trả lời

121
input[type=text]::-ms-clear { 
    display: none; 
} 
+1

Cảm ơn rất nhiều! Có phương pháp tương tự nào cho các phần tử biểu mẫu khác không? –

+19

FYI: Điều này chỉ hoạt động khi trình duyệt là chế độ IE10 và không phải chế độ tương thích. grrr !! –

+0

Rất khó chịu vì đây là trường hợp. Chế độ tương thích sẽ loại bỏ chúng ra ... ARGH! – lededje

11

Trong IE 10+, đầu vào văn bản (input [type = text]) hiển thị một nút (x) bên phải phía trên sân khi bạn bắt đầu gõ, nó được sử dụng để xóa/xóa giá trị văn bản đã nhập.

Trong Chrome, đầu vào tìm kiếm (nhập [loại = tìm kiếm]) hiển thị nút tương tự.

Nếu bạn muốn xóa một trong hai chế độ đó cho IE10 + và/hoặc Chrome. Bạn có thể thêm kiểu dưới đây để ẩn nút này khỏi đầu vào.

Nhìn thấy nó trong hành động ... http://codepen.io/sutthoff/pen/jqqzJg

/* IE10+ */ 
::-ms-clear { 
    display: none; 
} 

/* Chrome */ 
::-webkit-search-decoration, 
::-webkit-search-cancel-button, 
::-webkit-search-results-button, 
::-webkit-search-results-decoration { 
    display: none; 
} 
+2

Câu trả lời chi tiết hơn sẽ giúp người đọc trong tương lai hiểu rõ hơn. –

1

Đây là cách tôi đã làm nó

input[type=text]::-ms-clear 
{ 
    display: none; 
} 
1

Lưu ý rằng phong cách và CSS giải pháp không hoạt động khi một trang chạy trong chế độ xem tương thích. Tôi giả định rằng điều này là do nút rõ ràng đã được giới thiệu sau IE7, và vì vậy trình kết xuất IE7 được sử dụng trong chế độ xem tương thích không thấy :: - ms-clear làm tiêu đề kiểu hợp lệ.

0
input::-ms-clear{ 
    display:none; 
} 

Điều này đã làm cho tôi.

Các vấn đề liên quan