Xóa nút xóa trường X của IE10 trên một số đầu vào nhất định?

Đó là một tính năng hữu ích, để chắc chắn, nhưng có cách nào để vô hiệu hóa nó?
Ví dụ: nếu biểu mẫu là một trường văn bản duy nhất và đã có nút "xóa" bên cạnh, thì cũng không cần thiết phải có X. Trong tình huống này, tốt hơn là xóa nó.

Nó có thể được thực hiện, và nếu vậy, làm thế nào?

Kiểu ::-ms-clearphần tử giả cho hộp:

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

Tôi tìm thấy nó tốt hơn để thiết lập widthvà heightđể 0px. Mặt khác, IE10 bỏ qua phần đệm được xác định trên trường - padding-right- được dùng để giữ cho văn bản không gõ vào biểu tượng 'X' mà tôi phủ lên trên trường nhập. Tôi đoán rằng IE10 đang áp dụng nội bộ padding-rightđầu vào cho ::--ms-clearphần tử giả và việc ẩn phần tử giả không khôi phục padding-rightgiá trị cho input.

Điều này làm việc tốt hơn cho tôi:

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

Tôi sẽ áp dụng quy tắc này cho tất cả các trường nhập văn bản loại, vì vậy nó không cần phải được sao chép sau:

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

Một thậm chí có thể nhận được ít cụ thể hơn bằng cách sử dụng chỉ:

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

Tôi đã sử dụng sau này ngay cả trước khi thêm câu trả lời này, nhưng nghĩ rằng hầu hết mọi người sẽ thích cụ thể hơn thế. Cả hai giải pháp đều hoạt động tốt.

Bạn nên tạo kiểu cho ::-ms-clear( http://msdn.microsoft.com/en-us/l Library / windows / apps / hh465740.aspx ):

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

Và bạn cũng định kiểu cho ::-ms-revealphần tử giả cho trường mật khẩu:

::-ms-reveal {
   display: none;
}

Tôi nghĩ rằng đáng chú ý là tất cả các giải pháp dựa trên kiểu và CSS không hoạt động khi một trang đang chạy ở chế độ tương thích. Trình kết xuất chế độ tương thích bỏ qua phần tử :: - ms-Clear, mặc dù trình duyệt hiển thị x.

Nếu trang của bạn cần chạy ở chế độ tương thích, bạn có thể bị kẹt với hiển thị X.

Trong trường hợp của tôi, tôi đang làm việc với một số điều khiển ràng buộc dữ liệu của bên thứ ba và giải pháp của chúng tôi là xử lý sự kiện "trao đổi" và xóa cửa hàng sao lưu nếu trường bị xóa bằng nút x.

Để ẩn mũi tên và chéo trong đầu vào "thời gian":

#inputId::-webkit-outer-spin-button,
#inputId::-webkit-inner-spin-button,
#inputId::-webkit-clear-button{
    -webkit-appearance: none;
    margin: 0;
}