我在我的專案中使用 Fluent UI。
我用 javascript 中的這個簡單代碼初始化我的按鈕：
iconProps: {
iconName: 'NewFolder',
styles: {
root: {
color: 'orange'
},
}
},
我可以將默認顏色覆寫為詢問的顏色。
我的問題是，如何在按鈕上設定滑鼠懸停顏色？
https://docs.microsoft.com/en-us/javascript/api/react/iiconprops?view=office-ui-fabric-react-latest#@fluentui-react-iiconprops-styles-member
uj5u.com熱心網友回復：
對于IconButton,DefaultButton并且PrimaryButton您具有不同狀態root的默認按鈕樣式rootHovered等屬性。rootChecked
<IconButton
iconProps={{ iconName: 'NewFolder' }}
styles={{
root: { color: 'blue' },
rootHovered: { color: 'orange' },
}}
/>
Codepen作業示例
按鈕樣式也可能有所幫助。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/481472.html
標籤：javascript 反应 打字稿 流利的用户界面 流利的反应