ein behindertes Combobox im Internet Explorer Styling

Question

Sagen ich folgendes hatte:

<select disabled="disabled" style="border: 1px red solid; color: black;"> 
<option>ABC</option> 
</select> 

Firefox macht die oben mit einem roten Rand und schwarzem Text, wie ich erwarten; aber IE nicht, es scheint, native Farben für den Rand und den gesperrten Text zu verwenden. Gibt es eine Möglichkeit für mich, es zu stylen?

Für Bearbeitungsfelder war meine Problemumgehung, readOnly anstelle von deaktiviert zu verwenden, so dass ich es stylen kann, aber es scheint für Kombinationsfelder das readOnly Attribut hat keine Auswirkungen.

Hinweis: Ich brauche nur dies in IE zu arbeiten (es ist für eine Intranet-Webapp, wo Benutzer IE verwenden müssen), IE-spezifische Lösungen sind also in Ordnung.

Answer 1

In guter Näherung können Sie Comboboxen überhaupt nicht stylen; Sie sind keine "echten" Browser-Objekte. Hier finden Sie weitere Erläuterungen und eine mögliche Problemumgehung: Is it possible to style a select box?

Alternativ können Sie, wenn Sie nur Rahmen festlegen möchten, diese in einen Bereich einschließen und an diesen Rahmen angrenzen.

<span class="disabled-select"> 
    <select disabled="disabled"> 
     <option>ABC</option> 
    </select> 
</span> 

mit

span.disabled-select { 
    border: 1px solid red; 
} 

Die meisten anderen Eigenschaften, wie Farbe, usw., wird wahrscheinlich keine Auswirkungen haben, though.

Answer 2

Eine Möglichkeit könnte sein ... Zeichnen Sie Ihre Combobox mit in einer 1 X 1 Tabelle und die Breite entspricht der Combobox und Combobox width = 100% .. cellpadding = 0, cellspacing = 0 ... dann Zeichne deinen gewünschten Rahmen um diesen Tisch.

Answer 3

Ihre beste Möglichkeit ist Javascript zu verwenden, um die Elemente zu kontrollieren, inklusive ich ein paar Skripte unter:

• http://info.wsisiz.edu.pl/~suszynsk/jQuery/demos/jquery-selectbox/

• http://brilliantretail.com/cases/select/

• http://www.emblematiq.com/projects/niceforms/

Ich habe nur die erste verwendet, aber ich hoffe, sie erfüllen Ihre Bedürfnisse.