用：after给 required加* 为什么不起作用啊？

Question

.required:after{
     content: ' *';
     color: #999;
     font-size: 150%;
}
<input type="text" name="company_name" required class="required">

Answer 1

input 是不支持伪元素的, 因为 after 伪元素要在元素最后插入元素，而 input 是不支持在后面插入其它元素的，类似的 img 也不支持， div 就可以。

Answer 2

CSS:

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f00; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f00; 
}

input:-ms-input-placeholder{
    color: #f00;
}

input::-webkit-input-placeholder{
    color: #f00;
}

JQ:

$("input:required").attr("placeholder","*");

Answer 3

:after不是这样用的。

正确用法：

<div class="required">
    <input type="text" name="company_name" required >
</div>

Answer 4

input不支持 参考一下
https://www.zhihu.com/questio...