Как переопределить встроенные классы material-ui
.MuiFormGroup-root-201 {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
Как переопределить столбец свойств flex-direction на строку?
Можете ли вы добавить дополнительный код или пример для воспроизведения проблемы?
не работает @Thinker
как сказал @Justcode, можете ли вы вкратце объяснить проблему с помощью большего количества кода, чтобы нам было легко найти решение
Я добавил код переключателя, я хочу отображать переключатель встроенным, @Justcode
Я добавил код css, bt не работает
@ajulaanandh показать использование html-кода
@ajulaanandh Значит, вы хотите, чтобы радиокнопки отображались подряд, не так ли? и сколько там радиокнопок?
Я использовал material-ui, поэтому некоторые встроенные классы работают, как этого избежать
да, я хочу отображать радио-кнопку в строке. есть 3 радиокнопки @Thinker
<FormControl component = "fieldset"> <label> Пол </label> <RadioGroup aria-label = "пол" name = "пол2" className = {classes.group} value = {this.state.value} onChange = {это .handleChangeEvent}>
<FormControlLabel value = "female" control = {<Radio color = "primary" />} label = "Female" labelPlacement = "start" /> <FormControlLabel value = "male" control = {<Radio color = "primary" / >} label = "Мужской" labelPlacement = "start" />
<FormControlLabel value = "other" control = {<Radio color = "primary" />} label = "Other" labelPlacement = "start" /> </RadioGroup> </FormControl>
Ответы 1
Вы можете переопределить тему по умолчанию:
App.tsx
import { createMuiTheme, MuiThemeProvider } from "@material-ui/core/styles";
import themeConfig from "lib/material-ui/theme";
const theme = createMuiTheme(themeConfig);
class App extends PureComponent<IAppProps> {
public render() {
return (
<MuiThemeProvider theme = {theme}>
//..
библиотека / материал-ui / theme.tsx
import overrides from "./overrides";
import typography from "./palette";
export default {
palette,
overrides,
};
./overrides.ts
export default {
MuiFormGroup: {
root: {
display: "flex";
flexWrap: "wrap";
flexDirection: "row";
},
},
}
используйте
!importantв своем CSS, чтобы переопределить его