Как удалить зеленый цвет из поля ввода в React?
Подскажите, пожалуйста, как убрать зеленый цвет из поля ввода в React? Я знаю, что это исходит из темы, я просто хочу удалить только для этой формы поля input и select.
const theme = createMuiTheme({
palette: {
primary: green,
secondary: green
},
overrides: {
MuiInput: {
underline: {
color: "red",
"&:hover:not($disabled):after": {},
"&:hover:not($disabled):before": {}
}
}
}
});
не могли бы вы изменить мою ссылку на песочницу?
какое-нибудь обновление? можешь помочь мне
Я не знаю, как это сделать навскидку, так как я не знаком с библиотекой. Я дал вам ссылку для направления. Извините, я ничем не могу помочь.
ок..спасибо за помощь
какой цвет вы хотите изменить?
@ no color же behiour
Мне нужен тот же цвет или тот же стиль, прежде чем щелкнуть grey
Мне нужен тот же цвет или тот же стиль, прежде чем щелкнуть grey
Ответы 1
Я разветвил ваш пример кода и отредактировал в переопределениях темы, чтобы изменить цвет метки формы https://codesandbox.io/s/j3763x65y3.
В файле test.js я отредактировал следующее:
по стилям:
noUnderline: {
color: "grey",
"&:after": {
borderColor: "grey",
color: "grey"
},
}
и как свойства для соответствующего TextField:
<TextField
InputLabelProps = {{
shrink: true,
focused: false
}}
InputProps = {{
classes: {
focused: classes.noUnderline,
underline: classes.noUnderline
}
}}
</TextField>
Мне не удалось быстро найти правильное свойство классов для изменения цвета в фокусе InputLabel, поэтому я просто отключил фокус с помощью focused: false, хотя это не очень элегантное решение, и я бы не использовал его в производстве.
Поскольку компонент TextField - это компонент, составленный из других компонентов, ознакомьтесь с документацией API для компонента https://material-ui.com/api/text-field/, а также для компонентов, из которых он состоит.