我正試圖改變vuetify表頭的默認顏色。我設法使用自定義類來改變表頭，代碼如下：
headers = [
{
text: "計量點"。
align: "start",
sortable: true。
value: "meteringpoint",
class: "success--text title"。
},
]
不幸的是，選擇全部的復選框樣式仍然是默認顏色。由于復選框的標題沒有在陣列標題中宣告，所以它沒有被宣告到自定義類中。
之前我試著用下面這段代碼在標簽上覆寫它：
.v-data-table-head {
background-color: gray;
但是它不起作用。
我怎樣才能為復選框宣告類呢？或者有什么方法可以讓我覆寫默認的樣式嗎？
uj5u.com熱心網友回復：
當看了一下這里的Vuetify官方檔案。Vuetify API
它提供了在v-data-table（用于所有復選框）或v-data-table-header（用于選擇所有復選框）上設定checkbox-color的選項，考慮到官方支持，這將是我的選擇。
< v-data-table
:items="desserts"/span>
headers = [
{
文本。"Metering Point"。
lign: "start",
可排序。true,
值。"meteringpoint",
class: "success--text title"。
},
]
checkbox-color="#DCDCDC"。
></v-data-table>
uj5u.com熱心網友回復：
正如@StevenSiebert所說。我需要檢查被渲染后的類是什么。
我檢查了表格的標題。
我檢查了表頭的類名，并在樣式標簽中使用這段代碼來改變該類的樣式：
: :v-deep .v-data-table-header {
background-color: #DCDCDC;
}
這是我找到的關于Vue中Scoped CSS的參考資料。https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/310045.html
標籤：