Làm thế nào để xóa nút rõ ràng (nút 'X') khỏi hộp văn bản IE10 ở chế độ tương thích?

Question

Hiện nay tôi đang làm việc trên một trang web được sử dụng thẻ meta để làm cho trang trong chế độ IE9 [BrowserMode: IE10, DocMode: Tiêu chuẩn IE9]

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9" /> 

Trong nhiều IE10 của phá vỡ CSS trong trang, vì vậy sử dụng IE=Edge không phải là một giải pháp khả thi kể từ bây giờ (có thể trong tương lai điều này sẽ được sử dụng khi tất cả các css được cố định, nhưng tôi không thấy tương lai gần).

Bây giờ, vấn đề là tất cả hộp văn bản đều có nút rõ ràng trong đó. Chỉ trong một hộp văn bản, chúng ta không cần chữ thập đó (vì chúng ta đã có một nút (x) tùy chỉnh ở bên phải từ hộp văn bản).

Tôi đã thử ::-ms-clear nhưng điều đó đã không hoạt động khi chúng tôi đang sử dụng BrowserMode: IE10 và DocMode: Tiêu chuẩn. Những gì có thể được thực hiện ngay bây giờ để loại bỏ 'X' đó.

Answer 1

Cuối cùng tôi đã cố gắng khắc phục sự cố này. Dường như nếu bạn đặt height và line-height thành 0 và padding-top và padding-bottom đến một nửa chiều cao của hộp văn bản, thì điều này tuyệt vời 'X' sẽ không được hiển thị nữa. Atleast này làm việc cho tôi.

Đây là bút mã: http://codepen.io/rjuyal/pen/iGKnI

Trích từ mã

.gen{ 
       margin: 10px; 
       margin-top: 40px; 

       box-shadow: inset 1px 2p 0 rgba(200, 100,10, 0.2); 
       font-size: 16px; 

       width: 400px; 
       line-height: 18px; 
       height: 41px; 
       fint-family: 'Lucida Grande' , 'Arial'; 
       vertical-align: middle; 
      } 

      .ie10f{ 
       height: 0px !important; 
       line-height: 0px !important; 
       padding-top: 22px !important; 
       padding-bottom: 22px !important; 
      } 

Bạn sẽ thấy hai văn bản hộp một với X khác mà không có nó. Phần tốt nhất là, điều này ẩn X trong IE10 (không có chế độ tương thích).

P.S. Bạn sẽ phải tự thay đổi DocMode thành IE9 từ các công cụ của nhà phát triển.

Answer 2

Tôi rất tiếc phải là người mang tin xấu, nhưng điều này là không thể.

Nếu bạn muốn loại bỏ tiện ích con, tùy chọn chỉ của bạn là chuyển sang chế độ tiêu chuẩn.

Trong nhiều IE10 của phá vỡ CSS trong trang, vì vậy sử dụng IE=Edge không phải là một giải pháp khả thi như bây giờ (có thể trong tương lai này sẽ được sử dụng khi tất cả các css là cố định, nhưng tôi không thấy điều này tương lai gần).

Vì vậy, tôi đoán nó đi xuống đến mức độ bạn muốn loại bỏ tiện ích X. Nếu nó làm bạn khó chịu thì bạn sẽ phải cắn viên đạn, sửa CSS của bạn và chuyển sang chế độ tiêu chuẩn.

Nếu không, bạn sẽ chỉ phải sống.

Rất tiếc.