Hinzufügen von ein Grad-symbol nach Inhalt mit CSS

Weiß ich, dass ich hinzufügen kann, ein Grad-symbol in HTML mit "°", und ich bin auf der Suche an Beispielen der CSS-Verwendung :nach dem Selektor und der content-Eigenschaft, aber ich habe Schwierigkeiten, setzen Sie alle zusammen.

Will ich eine Grad-symbol zu zeigen, bis, nachdem Sie den text, der angezeigt wird, in ein Eingabefeld ein.

<div class="threshold">
    <input type="text" value="12" name="thresholdSelect" disabled="disabled">
</div>

Und CSS:

.threshold input:after {
    content: "&deg;"
}

Aber das scheint nicht zu funktionieren. Irgendwelche Ideen auf, wie man es beheben. Ich konnte speichern Sie das Grad-symbol in dem Wert, aber das würde erfordern eine Menge extra javascript für Dinge wie die überprüfung und so weiter. Jeder Weg, es zu tun mit CSS?

Vielleicht input.threshold:after { helfen?
Ich habe immer einfach nur die tatsächlichen Charakter gibt, eher als die Einheit.
Wie unten diskutiert, eine HTML-Lösung ist besser als Bildschirm-Leser hätten kein Konzept von der Maßeinheit, die Sie für Ihr Textfeld. Ich würde behaupten, pseudo-CSS-Elemente nicht verwendet werden sollte in diesem Zusammenhang, und sollten reserviert werden, für die Anzeige/styling nur. Wenn Sie ein label hinzufügen, um die textbox, die enthält die Maßeinheit, die dann eine CSS-Lösung für das Grad-symbol nicht akzeptabel ist.
Nur nicht ein deaktiviertes input-element. Es meist keinen Sinn macht (ein element, das Eingaben akzeptiert, aber nicht akzeptieren-Eingang).
entfernen deaktiviert löst das problem nicht.

InformationsquelleAutor BishopZ | 2013-01-11

Schreibe einen Kommentar