為什麼輸入元素不支援 HTML5 中的 ::after 偽元素？

::before 和::after 的偽元素相容性

在HTML5 中，::before 和::after 偽元素可以使用附加內容（例如圖示或複選標記）增強元素。但是，並非所有元素都完全支援這些偽元素。

輸入元素和 ::after

在提供的範例中，::after 偽元素不是顯示在輸入元素上。這是因為類似 img 和 br 的 input 元素沒有文檔樹內容。根據CSS2.1規範（http://www.w3.org/TR/CSS21/generate.html），::after僅適用於具有此類內容的元素。

因此，input元素不能使用 ::after 來產生內容。可以利用替代方法（例如使用背景圖像或自訂元素）在輸入欄位上實現類似的效果。

使用偽元素時考慮特定於元素的相容性非常重要。 ::before 和 ::after 支援的元素的完整列表可以在 CSS 規範中找到。透過了解偽元素的限制和功能，開發人員可以有效地應用它們來增強使用者介面，而不會遇到意外的行為。

以上是為什麼輸入元素不支援 HTML5 中的 ::after 偽元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！