2014-01-28 15 views
11

Ich habe ein Problem mit meiner Schriftfarbe im Safari-Browser auf Mac Buch, iPhone und iPad. Das Deaktivierungselement wird grau und ich möchte, dass es seine ursprüngliche Farbe behält. Das Ergebnis in Firefox und Chrome sind in Ordnung.Safari CSS Font Farbe Ausgabe

Das ist mein CSS-Code:

input[disabled], textarea[disabled], 
select[disabled='disabled']{ 
    color: #000000 !important; 
} 

Ich habe auch versucht Farbnamen verwenden, aber er führt die gleiche ist.

Danke für Ihre Hilfe!

+0

vielleicht können Sie versuchen, diese zu Ihrem CSS hinzuzufügen: yourelement: disabled {color: # 000000} –

+0

scheint, Sie sind nicht der einzige mit [** dieses Problem **] (http: // Stackoverflow .com/questions/14547632/why-is-text-in-disabled-form-elements-nicht-in-black-in-safari-rendered). – Frankenscarf

+0

Hat '-webkit-text-fill-color' etwas damit zu tun? – Stuart

Antwort

30

Dies ist die einzige Lösung, die ich gefunden habe, die auf FF, Chrome, Safari und Safari Mobile funktioniert. Prost!

input[disabled], textarea[disabled], 
select[disabled='disabled']{ 
    -webkit-text-fill-color: rgba(0, 0, 0, 1); 
    -webkit-opacity: 1; 
    color: rgba(0, 0, 0, 1); 
    background: white; 
} 
+0

Neugierig, wie das in FF funktioniert, aber es half mir so +1. – SpaceBeers

+0

Danke, Webkit scheint deaktivierte Eingaben eine geringere Deckkraft zu haben, ich konnte nicht herausfinden, warum das Einstellen der Farbe auf # 000 nicht geholfen hat. – blaedj

+0

-webkit-text-fill-color: rgba (0, 0, 0, 1); -webkit-Opazität: 1; // auf iphone ist es erforderlich Danke, dass es für mich funktioniert – jbmyid

0

Sie können versuchen, es auf etwas anderes als solid schwarz wie #00001 oder #000002 zu setzen, um das Problem zu umgehen, da Safari versucht, es zu überschreiben.

input[disabled], textarea[disabled], 
select[disabled='disabled']{ 
    color: #000001 !important; 
} 
+0

Es gibt mir eine dunkelblaue Farbe statt schwarz im Safari Browser. @smftre –

+0

@kwan_ah, würde es tun, weil es nicht # 000000 ist;) –