select、input為什么不能使用after before


  before和:after偽元素指定生成的內容的樣式和位置。如其名所示,:before和:after偽元素指定了 一個元素文檔樹內容之前和之后的內容
'content'屬性,與這些偽元素聯用,指定了插入的內容。

  以我的理解來看,「 一個元素文檔樹內容之前和之后的內容」就是指這個元素是要可以插入內容的,也就是說這個元素要是一個容器。
作為DOM元素,偽元素都是在容器內進行渲染的。input,img,select無法容納其他元素,因此它不支持偽元素。
至於Chrome 中checkbox和radio可以插入,那應該是Bug了。

參考官方文檔:https://www.w3.org/TR/CSS21/generate.html#before-after-content

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM