Thay đổi màu văn bản trong các hộp CHỌN

Question

vì vậy tôi đã dành cả giờ tìm kiếm, tìm nhiều câu trả lời ở đây trên Stack Overflow và trên các trang web khác. Nhưng không ai trong số họ làm việc.

Tôi muốn có thể tự động đặt màu của văn bản trong hộp thả xuống SELECT dựa trên một mục được chọn, sử dụng jQuery.

tôi có thể thay đổi màu nền một cách dễ dàng:

$('#selectBox').css("background-color", "red"); 

Nhưng nếu tôi làm điều này:

$('#selectBox').css("color", "red"); 

Nó không làm việc. Văn bản vẫn màu đen.

Tìm kiếm khác đã tiết lộ :: lựa chọn nhưng dường như áp dụng cho kiểu văn bản do người dùng chọn (chẳng hạn như sao chép/dán).

Hơn nữa, tôi đã cố gắng sử dụng các lớp CSS như thế này:

option.red { color: red } 

Và sử dụng addClass() để thay đổi lớp, nhưng một lần nữa, nó không worky.

Tôi đã thử nghiệm điều này trong Firefox, Chrome và Safari.

Tôi đang làm gì sai? Cảm ơn!

Answer 1

Bạn cần thay đổi màu của văn bản trong các yếu tố <option>.

$("#selectBox").find("option").css("color", "red");