我可以在輸入字段上使用 :before 或 :after 僞元素嗎? - Can I use a :before or :after pseudo-element on an input field?

問題:

I am trying to use the :after CSS pseudo-element on an input field, but it does not work.我正在嘗試在input字段上使用:after CSS 僞元素,但它不起作用。 If I use it with a span , it works OK.如果我將它與span一起使用,它可以正常工作。

<style type="text/css">
.mystyle:after {content:url(smiley.gif);}
.mystyle {color:red;}
</style>

This works (puts the smiley after "buu!" and before "some more")這有效(將笑臉放在“buu!”之後和“更多”之前)

<span class="mystyle">buuu!</span>a some more

This does not work - it only colors someValue in red, but there is no smiley.這不起作用 - 它只將 someValue 着色爲紅色,但沒有笑臉。

<input class="mystyle" type="text" value="someValue">

What am I doing wrong?我究竟做錯了什麼? should I use another pseudo-selector?我應該使用另一個僞選擇器嗎?

Note: I cannot add a span around my input , because it is being generated by a third-party control.注意:我無法在input周圍添加span ,因爲它是由第三方控件生成的。


解決方案:

參考一: https://stackoom.com/question/ArAb
參考二: Can I use a :before or :after pseudo-element on an input field?
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章