使用CSS在内容后添加度数符号

Question

我知道我可以使用"°"在HTML中添加度数符号,我正在查看使用CSS的示例:在选择器和内容属性之后,但我无法将它们放在一起.

我希望在输入框中显示的文本后显示度数符号.

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

而CSS:

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

但这似乎不起作用.关于如何解决它的任何想法.我可以将度数符号存储在值中,但这需要大量额外的javascript来进行验证和诸如此类的东西.用CSS做任何事情？

Answer 1

尝试这样的事情

HTML

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

CSS

.threshold:before {
    content: "\00b0"
}

演示: http ://jsfiddle.net/Tt2hU/或http://jsfiddle.net/Tt2hU/1/