我试图在输入字段上使用：after CSS伪元素，但它不起作用。如果我将其与跨度一起使用，它可以正常工作。
<style type="text/css">
.mystyle:after {content:url(smiley.gif);}
.mystyle {color:red;}
</style>
这是有效的（将笑脸放在“buu！”之后，然后放在“somemore”之前）
<span class="mystyle">buuu!</span>a some more
这不起作用-它只将someValue涂成红色，但没有笑脸。
<input class="mystyle" type="text" value="someValue">
我做错了什么？我应该使用另一个伪选择器吗？
注意：我不能在输入周围添加跨度，因为它是由第三方控件生成的。
当前回答
您不能在输入元素中放置伪元素，但可以放置阴影元素，如占位符！
input[type="text"] {
&::-webkit-input-placeholder {
&:before {
// your code
}
}
}
要使其在其他浏览器中工作，请在不同的选择器中使用：-moz占位符、：：-moz placeholder和：-ms input placeholder。无法对选择器进行分组，因为如果浏览器无法识别选择器，则整个语句将无效。
更新：以上代码仅适用于CSS预处理器（SASS、LESS…），不使用预处理器：
input[type="text"]::-webkit-input-placeholder:before { // your code }
其他回答
：after和：before在Internet Explorer 7及以下版本中不受任何元素的支持。
它也不能用于替换的元素，如表单元素（输入）和图像元素。
换句话说，使用纯CSS是不可能的。
但是，如果使用jquery，则可以使用
$(".mystyle").after("add your smiley here");
之后的API文档
使用javascript附加内容。这将适用于所有浏览器。
您不能在输入元素中放置伪元素，但可以放置阴影元素，如占位符！
input[type="text"] {
&::-webkit-input-placeholder {
&:before {
// your code
}
}
}
要使其在其他浏览器中工作，请在不同的选择器中使用：-moz占位符、：：-moz placeholder和：-ms input placeholder。无法对选择器进行分组，因为如果浏览器无法识别选择器，则整个语句将无效。
更新：以上代码仅适用于CSS预处理器（SASS、LESS…），不使用预处理器：
input[type="text"]::-webkit-input-placeholder:before { // your code }
总结
它不适用于<inputtype=“button”>，但适用于<输入type=“checkbox”>。
小提琴：http://jsfiddle.net/gb2wY/50/
HTML格式：
<p class="submit">
<input id="submit-button" type="submit" value="Post">
<br><br>
<input id="submit-cb" type="checkbox" checked>
</p>
CSS:
#submit-button::before,
#submit-cb::before {
content: ' ';
background: transparent;
border: 3px solid crimson;
display: inline-block;
width: 100%;
height: 100%;
padding: 0;
margin: -3px -3px;
}
尽管有解释指出Firefox不允许：：after和：：before内容用于无法显示任何内容的元素的行为是正确的，但这一规则似乎仍然适用：
input[type=checkbox] {
-moz-appearance: initial;
}
由于：：after是重新设置复选框或单选框样式的唯一方法，而不会引入更多无关的标记，如尾随跨度或标签，我认为可以强制Firefox允许显示：：before和：：aft内容，尽管不符合规范。
伪元素如：after、：before仅用于容器元素。在单个位置开始和结束的元素，如＜input/＞、＜img＞等，都不是容器元素，因此不支持伪元素。一旦将伪元素应用于容器元素（如＜div＞），如果检查代码（参见图片），就可以理解我的意思。实际上，伪元素是在容器元素内部创建的。这在＜input＞或＜img＞的情况下是不可能的
