我有一個使用 Fluent UI 的反應應用程式。我正在使用<Checkbox/>組件，但它具有默認顏色和行為。像這樣：
我想更改選中標記的顏色以及標簽（綠色選中標記和棕色標簽）。我嘗試了以下方法，但沒有奏效。
const checkBoxStyles = {
root: {
color: 'brown'
},
checkbox: {
color:'green'
}
}
return (
<Stack tokens={stackTokens}>
<Checkbox
styles={checkBoxStyles}
label="Controlled checkbox"
checked={isChecked}
onChange={onChange}
/>
</Stack>
);
};
codepen 上的完整作業代碼 - https://codepen.io/AnkitSaxena2605/pen/eYyppLj
uj5u.com熱心網友回復：
嘗試在您的 中進行以下更改checkBoxStyles：
const checkBoxStyles = {
checkmark: {
background: 'green',
color: 'white'
},
checkbox: {
background: 'white',
borderColor: 'black'
},
text: {
fontWeight: "bold",
color:'brown'
}
};
checkbox并且checkmark用于設定復選框text的樣式，用于設定標簽的樣式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/444997.html
下一篇：回應式布局解決方案