CSS設置圖標默認顯示顏色

在CSS中，我們可以使用color屬性來設置圖標的默認顯示顏色，這個屬性可以應用于所有的圖標，包括字體圖標、圖片圖標等，下面是一些示例代碼，可以幫助你更好地理解如何設置圖標的默認顯示顏色。

1、字體圖標：

如果你使用的是字體圖標，可以通過以下代碼來設置默認顯示顏色：

.icon-font {
  color: #ff0000; /* 設置為紅色 */
}

2、圖片圖標：

如果你使用的是圖片圖標，可以通過以下代碼來設置默認顯示顏色：

.icon-image {
  filter: invert(100%) hue-rotate(0deg) saturate(0%) brightness(100%); /* 設置為黑色 */
}

需要注意的是，對于圖片圖標，我們使用了filter屬性來設置顏色，這個屬性可以應用于所有的圖片，包括SVG、PNG、JPEG等格式的圖片，通過調(diào)整invert、hue-rotate、saturate和brightness等參數(shù)，可以實現(xiàn)不同的顏色效果。

除了以上示例代碼，你還可以根據(jù)自己的需求來設置圖標的默認顯示顏色，你可以使用CSS的預定義顏色名稱（如red、green、blue等）或者十六進制顏色代碼（如#ff0000、#00ff00、#0000ff等）來設置顏色，你還可以使用CSS的透明度屬性（如opacity）來調(diào)整圖標的透明度。

CSS提供了豐富的樣式屬性，可以幫助你輕松地設置圖標的默認顯示顏色，無論你是使用字體圖標還是圖片圖標，都可以通過CSS來實現(xiàn)不同的顏色效果。