gpt4 book ai didi

material-ui - 如何通过主题调色板更改 TextField 下划线悬停颜色?

转载 作者:行者123 更新时间:2023-12-03 15:07:59 33 4
gpt4 key购买 nike

material-ui v1



如何通过主题调色板更改 TextField 下划线悬停颜色?
我知道这是可能的 overrides ,但它如何通过标准调色板选项适用于所有组件?喜欢:
const themeMui = createMuiTheme({
palette: {
primary: lightBlue,
secondary: blue,
error: red,
common: {
darkBlack: blue.A700,
}
}
});

我想更改的 CSS 代码到底是什么:

enter image description here

最佳答案

嘿,我意识到这有点旧,但我一直遇到同样的问题。我想出了这个。希望它有帮助......有文档不是最好的!

const theme = createMuiTheme({
overrides: {
MuiInput: {
underline: {
color: 'red',
'&:hover:not($disabled):after': {
backgroundColor: 'red',
},
'&:hover:not($disabled):before': {
backgroundColor: 'red', // String should be terminated
},
},
},
},
});

关于material-ui - 如何通过主题调色板更改 TextField 下划线悬停颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46173259/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com