問題
默認情況下,打開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。如下所示:

