代码之家 › 专栏 › 技术社区 › Dimitri Kopriwa

如何在不使用<muithemeprovider/>

material-ui ecmascript-6 reactjs node.js javascript

Dimitri Kopriwa · 技术社区 · 7 年前

我有一个在深色背景上的材质ui textfield组件,所以对于这一个组件,我想更改它,使文本和线条颜色都是红色的。其余的textfield实例应保持不变。

我正在使用 @material-ui/core 3.8.1 而且它的 <TextField /> 组件。

我想避免使用 <MuiThemeProvider>

这是我根据这里对材质用户界面的建议尝试的方法 <Input /> 成分和答案 here

2 回复 | 直到 7 年前

Titus 7 年前

如果要重写 Input 的类,您必须使用类似的内容:

<TextField
  InputProps={{classes:{underline: classes.underline}}}
  ...
/>

Dimitri Kopriwa 7 年前

添加此 props 在里面 <TextField />

InputLabelProps={{
  className: classes.cssLabels
}}

加入 styles

cssLabels: {
  color: "red"
}

推荐文章

Mohammed Sabir · 下一个js getServerSideProps中的水合错误

2 年前

mettamyron · 具有多用途的材质UI滑块单击时状态重复

2 年前

MatterOfFact · React:Formik形式的物料UI单选按钮组重置不起作用

2 年前

assembler · MUI 5自动完成将禁用的项目样式更改为不使用不透明

2 年前

Terje Nygård · 反应18和材料UI(@mui)。样式不会附加到主题中

2 年前

Alexander Farber · 如何在MUI X DataGrid列中显示img?

2 年前

ian · 使用“responsiveFontSizes”与“experiental_extendTheme”和“experimental_CssVarsProvider”反应MUI`

2 年前

beuluis · MaterialUI样式在带Vite的Shadow DOM中安装不正确的问题

2 年前

ismail.khn · 如何更改MUI日期选择器的“选择日期”标签?

2 年前

Donko · 单击时如何从MUI自动完成、文本字段中删除占位符文本?[副本]

2 年前