如何查看placeholder的CSS屬性


問題

默認情況下,打開chrome的devtools,無法查看input、textarea這些控件placeholder的css。這個時候如果你改變placeholder字體的顏色,如何通過工具檢查顏色是否設置成功呢?

chrome瀏覽器中的查看方法

chrome瀏覽器的devtoools的默認設置中不勾選"Show user agent shadow DOM選項",需要手動打開。如下所示:

ctrl+shift+I > settings > Preferences > "Show user agent shadow DOM"

 效果

 Firefox瀏覽器的查看方法

firefox瀏覽器沒有“Show user agent shadow DOM”選項。默認情況下,ctrl+shift+i打開devltool,可以查看Preudo-element。如下所示:

 


免責聲明!

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



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