2010-06-25 19 views
9

Jak mogę zmienić kolor czcionki wyłączonego elementu SELECT w IE? Bez względu na to, co próbowałem, pozostaje szare. Mogłem zmienić tło z szarego na biały, ale tekst wewnątrz wyłączonego SELECT pozostaje taki sam. To, co działa doskonale w Firefoksie, nie ma wpływu na kolor czcionki w IE (w tym przypadku IE8). Można zobaczyć najnowszą sytuację dla obu przeglądarek tutaj:Jak mogę zmienić kolor czcionki wyłączonego elementu SELECT? (Działa w przeglądarce Firefox, ale nie w IE).

http://www.flickr.com/photos/[email protected]/4732813702/

używam jQuery wyłączyć wybrać element:

$(selectObject).attr('disabled', 'disabled'); 

A oto klasę CSS, który używam do wybiera niepełnosprawnych:

select[disabled] { 
    color: black; 
    background-color: white; 
    border-style: solid; 
} 

Uważam za bardzo dziwne, że mogę łatwo zmienić domyślny kolor tła wyłączonych zaznaczeń, ale nie domyślny kolor czcionki. Wszelkie wskazówki lub pomysły na ten temat? (Czy jest to całkowicie niemożliwe w IE za pomocą CSS?)

+0

użyj JQuery, aby to zmienić, zobacz moją odpowiedź – CuSS

+0

Czy to działa, jeśli ustawisz opcję wyłączenia bezpośrednio? Musisz się dowiedzieć, czy twój css lub JavaScript cię zawodzi. –

+0

Richard, co masz na myśli mówiąc "ustaw selekcję, aby być wyłączonym bezpośrednio"? –

Odpowiedz

3

Może to być niemożliwe do zrobienia w obecnych IE. Przeglądarki, które przyjdą, prawdopodobnie będą obsługiwać: wyłączoną pseudoklasę (zob. http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/full/flat/css3-modsel-24.html)

+0

Według http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/full/flat/css3-modsel-24.html obsługa Emss css jest obsługiwana przez IE 7 i wyżej . –

+0

Należy zauważyć, że IE7/8 działa tylko z selektorami atrybutu, jeśli DOCTYPE jest poprawnie zdefiniowany. Więc nie ma trybu dziwactwa. – steventnorris

+0

przynajmniej w moim przypadku problem nie dotyczy selektora: używam przypisanej do klasy klasy dla osób niepełnosprawnych ani na zawierającym nie ma żadnego efektu. Tekst opcji jest szary. Kropka. – molecular

2

EDYCJA: Musisz zapewnić wsparcie dla większości przeglądarek, a tylko 50% przeglądarek obsługuje ten typ pseudoklas, więc jeśli byłbym Państwo, chciałbym to zrobić:

$(selectObject) 
    .attr('disabled', 'disabled') 
    .css({ 
     "color":"black", 
     "background-color":"white", 
     "border-style":"solid" 
    }); 

nadzieję, że to działa;)

+0

Zrobiłem to. Usunąłem odpowiedni CSS i uruchomiłem go jak twój kod jQuery powyżej. Naprawdę dziwne jest to, że gdy patrzę na stronę, tło wyboru jest wciąż białe, a tekst w środku wciąż jest szary, ale korzystam z narzędzi programistycznych Internet Explorera, aby zobaczyć szczegóły stylu tego elementu select i kiedy go klikam IE na panelu CSS narzędzia dla programistów jest napisane: kolor: czarny i tło - kolor: biały. Naprawdę jestem zakłopotany! –

+0

Grałem z różnymi nazwami kolorów dla "koloru" i "koloru tła", kolor tła zawsze się zmienia, kolor tekstu zawsze pozostaje taki sam: szary. :( –

+0

Dziwne, czy masz kolejną linię js kontrolującą czcionkę i kolor tła? – CuSS

-1

zastosowanie:

background-image: url(''); 

do css i powinno działać.

+0

pytanie brzmi "jak zmienić kolor czcionki", a nie tło. Czy może czegoś brakuje? – molecular

Powiązane problemy