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

Question

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

我希望在输入框中显示的文本之后显示一个度数符号。

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

还有 CSS:

.threshold input:after {
    content: "°"
}

但这似乎行不通。关于如何修复它的任何想法。我可以将度数符号存储在值中，但这将需要大量额外的 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/