我知道我可以在 HTML 中使用“°”添加度数符号,我正在查看使用 :after 选择器和内容属性的 CSS 示例,但我无法将它们放在一起。
我希望在输入框中显示的文本之后显示一个度数符号。
<div class="threshold">
<input type="text" value="12" name="thresholdSelect" disabled="disabled">
</div>
还有 CSS:
.threshold input:after {
content: "°"
}
但这似乎行不通。关于如何修复它的任何想法。我可以将度数符号存储在值中,但这将需要大量额外的 javascript 来进行诸如验证之类的事情。有什么方法可以用 CSS 实现吗?
最佳答案
尝试这样的事情
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/
关于css - 使用 CSS 在内容后添加度数符号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14282422/