為什麼輸入元素不支援 HTML5 中的 ::after 偽元素？
發佈於2024-11-06
瀏覽：738
::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 規範中找到。透過了解偽元素的限制和功能，開發人員可以有效地應用它們來增強使用者介面，而不會遇到意外的行為。
最新教學
更多>
-
如何檢查對像是否具有Python中的特定屬性？方法來確定對象屬性存在尋求一種方法來驗證對像中特定屬性的存在。考慮以下示例，其中嘗試訪問不確定屬性會引起錯誤： >>> a = someClass（） >>> A.property Trackback（最近的最新電話）： 文件“ ”，第1行， AttributeError: SomeClass...程式設計 發佈於2025-07-02 -
在細胞編輯後，如何維護自定義的JTable細胞渲染？在JTable中維護jtable單元格渲染後，在JTable中，在JTable中實現自定義單元格渲染和編輯功能可以增強用戶體驗。但是，至關重要的是要確保即使在編輯操作後也保留所需的格式。 在設置用於格式化“價格”列的“價格”列，用戶遇到的數字格式丟失的“價格”列的“價格”之後，問題在設置自定義單元...程式設計 發佈於2025-07-02
-
在程序退出之前，我需要在C ++中明確刪除堆的堆分配嗎？在C中的顯式刪除 在C中的動態內存分配時，開發人員通常會想知道是否需要手動調用“ delete”操作員在heap-exprogal exit exit上。本文深入研究了這個主題。 在C主函數中，使用了動態分配變量（HEAP內存）的指針。當應用程序退出時，此內存是否會自動發布？通常，是。但是，即使在...程式設計 發佈於2025-07-02
-
為什麼使用Firefox後退按鈕時JavaScript執行停止？導航歷史記錄問題：JavaScript使用Firefox Back Back 此行為是由瀏覽器緩存JavaScript資源引起的。要解決此問題並確保在後續頁面訪問中執行腳本，Firefox用戶應設置一個空功能。 警報'）; }; alert（'inline Alert'）...程式設計 發佈於2025-07-02
-
如何修復\“常規錯誤：2006 MySQL Server在插入數據時已經消失\”？How to Resolve "General error: 2006 MySQL server has gone away" While Inserting RecordsIntroduction:Inserting data into a MySQL database can...程式設計 發佈於2025-07-02
-
如何將PANDAS DataFrame列轉換為DateTime格式並按日期過濾？Transform Pandas DataFrame Column to DateTime FormatScenario:Data within a Pandas DataFrame often exists in various formats, including strings.使用時間數據時...程式設計 發佈於2025-07-02
-
C++20 Consteval函數中模板參數能否依賴於函數參數？[ consteval函數和模板參數依賴於函數參數在C 17中，模板參數不能依賴一個函數參數，因為編譯器仍然需要對非contexexpr futcoriations contim at contexpr function進行評估。 compile time。 C 20引入恆定函數，必須在編譯時進...程式設計 發佈於2025-07-02
-
如何在Java字符串中有效替換多個子字符串？在java 中有效地替換多個substring，需要在需要替換一個字符串中的多個substring的情況下，很容易求助於重複應用字符串的刺激力量。 However, this can be inefficient for large strings or when working with nu...程式設計 發佈於2025-07-02
-
為什麼我在Silverlight Linq查詢中獲得“無法找到查詢模式的實現”錯誤？查詢模式實現缺失：解決“無法找到”錯誤在銀光應用程序中，嘗試使用LINQ建立錯誤的數據庫連接的嘗試，無法找到以查詢模式的實現。 ”當省略LINQ名稱空間或查詢類型缺少IEnumerable 實現時，通常會發生此錯誤。 解決問題來驗證該類型的質量是至關重要的。在此特定實例中，tblpersoon可能...程式設計 發佈於2025-07-02
-
如何克服PHP的功能重新定義限制？克服PHP的函數重新定義限制在PHP中，多次定義一個相同名稱的函數是一個no-no。嘗試這樣做，如提供的代碼段所示，將導致可怕的“不能重新列出”錯誤。 但是，PHP工具腰帶中有一個隱藏的寶石：runkit擴展。它使您能夠靈活地重新定義函數。 runkit_function_renction_...程式設計 發佈於2025-07-02
-
如何在鼠標單擊時編程選擇DIV中的所有文本？在鼠標上選擇div文本單擊帶有文本內容，用戶如何使用單個鼠標單擊單擊div中的整個文本？這允許用戶輕鬆拖放所選的文本或直接複製它。 在單個鼠標上單擊的div元素中選擇文本，您可以使用以下Javascript函數： function selecttext（canduterid）{ if（d...程式設計 發佈於2025-07-02
-
在UTF8 MySQL表中正確將Latin1字符轉換為UTF8的方法在UTF8表中將latin1字符轉換為utf8 ，您遇到了一個問題，其中含義的字符（例如，“jáuòiñe”）在utf8 table tabled tablesset中被extect（例如，“致電。為了解決此問題，您正在嘗試使用“ mb_convert_encoding”和“ iconv”轉換受...程式設計 發佈於2025-07-02
-
PHP與C++函數重載處理的區別作為經驗豐富的C開發人員脫離謎題，您可能會遇到功能超載的概念。這個概念雖然在C中普遍，但在PHP中構成了獨特的挑戰。讓我們深入研究PHP功能過載的複雜性，並探索其提供的可能性。 在PHP中理解php的方法在PHP中，函數超載的概念（如C等語言）不存在。函數簽名僅由其名稱定義，而與他們的參數列表無關...程式設計 發佈於2025-07-02
-
如何使用FormData（）處理多個文件上傳？）處理多個文件輸入時，通常需要處理多個文件上傳時，通常是必要的。 The fd.append("fileToUpload[]", files[x]); method can be used for this purpose, allowing you to send multi...程式設計 發佈於2025-07-02
-
在Ubuntu/linux上安裝mysql-python時，如何修復\“ mysql_config \”錯誤？mysql-python安裝錯誤：“ mysql_config找不到”“ 由於缺少MySQL開發庫而出現此錯誤。解決此問題，建議在Ubuntu上使用該分發的存儲庫。使用以下命令安裝Python-MysqldB： sudo apt-get安裝python-mysqldb sudo pip in...程式設計 發佈於2025-07-02
學習中文
- 1 走路用中文怎麼說？ 走路中文發音，走路中文學習
- 2 坐飛機用中文怎麼說？ 坐飞机中文發音，坐飞机中文學習
- 3 坐火車用中文怎麼說？ 坐火车中文發音，坐火车中文學習
- 4 坐車用中文怎麼說？ 坐车中文發音，坐车中文學習
- 5 開車用中文怎麼說？ 开车中文發音，开车中文學習
- 6 游泳用中文怎麼說？ 游泳中文發音，游泳中文學習
- 7 騎自行車用中文怎麼說？ 骑自行车中文發音，骑自行车中文學習
- 8 你好用中文怎麼說？ 你好中文發音，你好中文學習
- 9 謝謝用中文怎麼說？ 谢谢中文發音，谢谢中文學習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
