如何查看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。以下所示：