当前位置: 首页 > 面试题库 >

如何在不使用MUIThemeProvider的情况下覆盖material-ui TextField组件的样式?

伍弘盛
2023-03-14
问题内容

我如何在 使用以下代码情况下 隐藏/删除TextField组件中的下划线:

const theme = createMuiTheme({
  overrides: {
    MuiInput: {
      underline: {
        '&:hover:not($disabled):before': {
          backgroundColor: 'rgba(0, 188, 212, 0.7)',
        },
      },
    },
  },
});

我想用道具,并根据文档:https : //material-
ui.com/api/input/

我应该能够更改下划线道具,但是它不起作用。


问题答案:

这是您的操作方式:

<TextField
    id="name"
    label="Name"
    value={this.state.name}
    margin="normal"
    InputProps={{disableUnderline: true}}
/>

我怎么知道的?

您已链接到Input文档,该文档确实具有disableUnderline支持。

但是,您正在使用TextField组件:

重要的是要了解,文本字段是以下组件之上的简单抽象:

  • 表格控件
  • 输入标签
  • 输入项
  • FormHelperText

如果您查看以下可用道具的清单TextField

InputProps-对象-应用于Input元素的属性。



 类似资料:
  • 问题内容: 在和中使用时,我在大纲自定义样式方面取得了成功。 否则- 仅存在底边框-即使使用中的键/类也不起作用。 我什至试过了。 问题答案: 为了确定如何执行此操作,请查看Input中如何完成默认样式是有帮助的。 用于默认样式和悬停样式,并用于焦点样式。 这是一个如何设置样式的示例:

  • 问题内容: 我有两个活动,我分别从这两个活动向Firestore添加数据。但是,每当我向Firestore添加第二个活动数据时,它就会覆盖第一个活动数据。我在以下两个活动中使用了以下代码: 如何停止覆盖?我想将两个“活动”数据保存在同一文件夹中。 问题答案: 我建议您再添加一个文档或集合,以便它可以为单个用户存储多个数据值。 您可以为两个活动创建文档参考: 或者,您可以为其创建一个子集合: 更多关

  • 问题内容: 我使用熊猫以以下方式写入excel文件: 已经包含许多不同的选项卡。但是,它还不包含。 熊猫正确地写到“主要”表,不幸的是,它也删除了所有其他标签。 问题答案: pandas文档表示,它对文件使用。快速浏览一下其中的代码r可以提示可能会发生以下情况:

  • 经过一些处理后,我得到了一个DStream[字符串,ArrayList[字符串]],所以当我使用saveAsTextFile将其写入hdfs时,每个批处理后它都会覆盖数据,所以如何通过附加到以前的结果来写入新结果 编辑:: 如果有人可以帮助我将输出转换为avro格式,然后写入HDFS并附加

  • 问题内容: 我使用pandas以以下方式写入excel文件: Masterfile.xlsx已经包含许多不同的选项卡。但是,它尚未包含“ Main”。 熊猫正确地写到“主要”表,不幸的是,它也删除了所有其他标签。 问题答案: Pandas文档说,它对xlsx文件使用openpyxl。快速浏览一下其中的代码ExcelWriter可以提示可能会发生以下情况:

  • 本文向大家介绍如何在不覆盖现有文档的情况下更新MongoDB文档?,包括了如何在不覆盖现有文档的情况下更新MongoDB文档?的使用技巧和注意事项,需要的朋友参考一下 要仅更新字段值,请使用update()和$set。这不会覆盖现有的。首先让我们创建一个包含文档的集合- 在find()方法的帮助下显示集合中的所有文档- 这将产生以下输出- 以下是更新文档而不覆盖现有文档的查询- 在find()方法