2016-08-08 17 views
0

Einfache Frage (hoffe ich) ändern:Kann nicht CSS Farbattribut in einem gesperrten Texteingabefeld

In IE 11 (11.0.11), Ich versuche, CSS zu verwenden, um die Textfarbe eines behinderten zu bekommen HTML-Eingabefeld nicht ausgegraut (dh schwarz). In diesem Bemühen, fand ich dieses Beispiel/Tutorial: http://askthecssguy.com/articles/shawn-asks-the-css-guy-about-styling-disabled-text-inputs/

Wenn ich durch diesen Verweis klicken, sehe ich: enter image description here

Aber wenn ich „show source“ tun, dann kopieren Sie alle Quelle in eine neue (lokale) Datei, und öffnen Sie das, der Eingabefeldtext ist immer noch grau.

enter image description here

Also meine Frage ist: Ist dies ein Aspekt des Ladens/es aus meiner lokalen Maschine gegen aus dem Internet anzeigt, oder etwas, das ich bei der Erstellung der lokale Datei oder eine andere Konfiguration verpaßt habe das kann dieses Problem beheben? Hier

-Edit-

ist die html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
 
    <head> 
 
    \t <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
 
    \t <title>Disabled Text Boxes</title> 
 
    
 
    <style type="text/css"> 
 
    fieldset {border:0;margin-bottom:12px;} 
 
    label {font:normal 13px/19px verdana;display:block;} 
 
    input {border:1px solid #000;} 
 
    input[disabled='disabled'] { 
 
    \t background:yellow; 
 
    \t color:blue; 
 
    \t cursor:default; 
 
    } 
 
    input.disabled { 
 
    \t background:yellow; 
 
    \t color:blue; 
 
    \t cursor:default; 
 
      font-size:24px; 
 
    } 
 
    </style> 
 
    
 
    
 
    
 
    
 
    </head> 
 
    <body> 
 
    
 
    <fieldset> 
 
    <label for="username">Enabled:</label> 
 
    <input 
 
    \t type="text" 
 
    \t id="username" /> 
 
    </fieldset> 
 
    
 
    <fieldset> 
 
    <label for="dis">Disabled text box using input[disabled='disabled']:</label> 
 
    <input 
 
    \t type="text" 
 
    \t id="dis" 
 
    \t disabled="disabled" 
 
    \t value="you cant edit this" /> 
 
    </fieldset> 
 
    </fieldset> 
 
    
 
    <fieldset> 
 
    <label for="dis">Disabled text box using class="disabled" in CSS:</label> 
 
    <input 
 
    \t type="text" 
 
    \t id="dis" 
 
    \t disabled="disabled" 
 
    \t class="disabled" 
 
    \t value="you cant edit this" /> 
 
    </fieldset> 
 
    </fieldset> 
 
    
 
    </body> 
 
    </html>

Hinzufügen font-size:24px; zur Eingabe [disabled = 'disabled'] nicht das Styling ändern. Als ich font-size:24px; zur Eingabe hinzugefügt: Behinderte, sieht die resultierende Rendering wie enter image description here

Dank

+0

es auf meiner Maschine gut funktioniert. Dies ist wahrscheinlich nicht der Fall, aber könnten Sie das vielleicht verpasst haben? input [disabled = 'disabled'] { \t Hintergrund: gelb; \t Farbe: blau; \t Cursor: Standard; } – Vcasso

+0

@ Valius79 Nein, habe es nicht vermisst. Ich weiß, weil ich versuchte, Schriftgröße: ... px und das hat funktioniert. Es ist nur "Farbe", die nicht funktioniert. Können Sie bestätigen, dass Sie IE 11 verwenden? – ControlAltDel

+0

Veröffentlichen Sie den tatsächlichen Code, den Sie auf Ihrem lokalen Computer haben –

Antwort

0

Wie in einem Kommentar vorgeschlagen, Das war eine Macke Ausgabe