Tùy chọn tạo kiểu in đậm trong Internet Explorer

Question

Tôi đang gặp vấn đề về kiểu dáng với các tùy chọn. Tôi cần một số tùy chọn để xuất hiện theo kiểu đậm, nhưng Internet Explorer không muốn hiển thị nó.

Tôi đặt nó sử dụng CSS:

font-weight: bold; 

nào không hoạt động. Một ví dụ có thể được nhìn thấy trong trang này:

Example

trong đó cho thấy phông chữ in đậm trong Firefox nhưng không có trong trình duyệt Internet Explorer.

Tôi đã thử trong Internet Explorer 7 và 8.

Có ai thay thế không?

EDIT: Một mẫu:

HTML:

<select> 
    <option class="special">Special</option> 
</select> 

CSS:

.special { 
    font-weight: bold; 
} 

Answer 1

IE không cho phép phong cách của <option> yếu tố độc lập. Điều này là do IE sử dụng điều khiển biểu mẫu Windows để hiển thị hộp chọn, không hỗ trợ tính năng này.

(như một sang một bên, đây là lý do giống như các hộp chọn của IE có thể có vấn đề với phân lớp khi bạn đặt chúng phía sau các đối tượng khác; có ít quyền kiểm soát hơn hầu hết các yếu tố khác trên trang)

Trình duyệt hiện đại khác cho phép bạn thực hiện việc này khi chúng hiển thị hộp chọn của riêng mình thay vì trì hoãn hệ điều hành.

Answer 2

Bạn cần phải áp dụng các font-weight:bold để đoạn văn bản, không để một div bên ngoài hoặc thứ gì khác.

Ngoài ra, hãy đảm bảo không có gì khác là ghi đè tuyên bố này. Nếu phần trên không hoạt động, hãy đổi nó thành font-weight:bold!important và xem có khắc phục được sự cố không.

Answer 3

trong IE, bạn không thể tạo kiểu cho tùy chọn. Tôi đã có cùng một vấn đề ... bạn có thể cho nó màu sắc nhưng không nhiều khác.

Bạn có thể viết một plugin jquery hoặc tìm một plugin hiện có để "chuyển đổi" lựa chọn của bạn thành danh sách/danh sách được tạo kiểu.

Xem thêm: Create a styled Dropdown like on jquery UI