在react material ui组件中删除autocomplete的下划线样式
我想删除下划线样式，并改变它的颜色，当文本字段在react material UI的自动完成组件中获得焦点时。
我似乎找不到可以覆盖的样式。
提前道谢。
共有3个答案
对@liem的响应进行了小更新。只需放置inputprops就会直接覆盖它默认使用的inputprops，这会破坏组件。通过将disableunderline与其他inputprops合并，它应该可以工作。
<Autocomplete
renderInput={
params =>
<TextField
{...params}
InputProps={{...params.InputProps, disableUnderline: true}}
/>
}
/>
只是为材料V1添加了另一个答案。在v1中，我们必须以文本字段中的输入为目标。以删除或设置下划线样式
<TextField
defaultValue="hello"
InputProps={{
disableUnderline: true
}}
/>
您可以使用呈现给
组件的
道具来完成此操作。因为
使用
，所以您可以访问这些属性。所以实际上有两种方法可以去除自动完成的下划线。不幸的是，这是没有记录在材料UI文档的自动完成。
<自动完成下划线式={{display:'none'}}>
或
<自动完成下划线Show={false}>
编辑：此答案与旧版本的物料UI相关。此答案不适用于1.0或更高版本。
-
我有自定义背景可绘制的EditText： EditText代码： 我正在使用android数据绑定库和MVVM架构。 当允许编辑并且用户开始在EditText中键入文本时，在键入的单词下会出现额外的下划线（它只属于当前键入的单词，EditText文本的所有其他部分都没有下划线）： 我试图通过向EditText添加滤色器来删除下划线： 但不管用。 “java.lang.Integer不能强制转换为A
-
我有一个JTextPane组件，我试图将用户键入的文本样式设置为同时下划线和删除线。 应该将下一个类型化字符的删除线属性设置为true的相关代码片段如下： 这确实会将文本样式设置为删除线，但如果已经将其样式设置为下划线，则会丢失下划线样式信息。仔细查看styleConstants.setStrikeThrough（...）背后的实际代码我注意到，下划线和删除线属性的CSS样式标记都是相同的（即“t
-
问题内容： 我试图将链接显示为白色，但不带下划线。文本颜色正确显示为白色，但蓝色下划线顽固地保持不变。我试图和在CSS删除链接的下划线。两者都不起作用。 如何从链接中删除蓝色下划线？ 问题答案： 如我所料，您不是要应用到锚点（），而是要应用到span元素（）。 尝试这个：
-
我第一次尝试使用龙目岛，因为我在一个类中有很多变量，并且不想为所有变量生成 getter 和 setter。 我正在使用IntelliJ 2016.2.1和Lombok插件0.13.14，我的源代码在Java 8中。我已经启用了注释预处理或其他功能，并将lombok.jar添加到我的库中。我编译了我的项目，它编译得很好，使用了@Getter和@Setter方法。 然而，我唯一的问题是我实际上没有在
-
我试图从名为的材质设计组件中删除下划线。我尝试了几个不同的答案，但都不适合我，所以我决定问自己的问题。 如何删除此下划线？ XML：
-
问题内容： 在页面中，我放置了一些不需要的行，因此，如何使用HTML删除这些链接？ 问题答案： 内联版本： 但是请记住，通常应该将网站的内容HTML分开。因此，通常应避免使用内联样式。 请参阅John的答案，以了解使用CSS的等效答案。