在普通css上设置material-ui TextField组件的underlineFocusStyle样式

文章/答案/技术大牛

发布

1回答

css、reactjs、material-ui、inline-styles

在Material-UI的组件中，您可以在JSX标记上为组件本身提供一个样式对象作为属性，但您必须为underlineFocusStyle提供一个单独的样式对象。我的意思是，例如TextField组件的underlineFocusStyle。: '#0000FF', height: '2px

浏览 8提问于2018-01-11得票数 1

回答已采纳

1回答

在Material-UI的TextField多行区域中重叠输入文本

javascript、reactjs、material-ui、textfield、overlapping

Material-UI多行TextField中的输入文本相互重叠(而不是标签)。请参阅CodeSandBox中的示例和代码：import React from "react";import { makeStyles } from "@material-ui<

浏览 0提问于2019-11-13得票数 5

1回答

使用Material禁用带有单选按钮的响应组件

javascript、jquery、reactjs、material-ui

我现在面临的问题是：-I在一个组中有两个单选按钮和两个组件(文本字段和选择字段)；-I希望在第一个单选按钮仍然处于活动状态时禁用textField；检查第二个单选按钮-When、检查textField和启用selectField；单选按钮组件import React, {Component} from 'react'; import MuiThemeProvider from &#

浏览 0提问于2017-07-24得票数 0

1回答

用于材料UI动态宽度TextField下划线反应的JSX语法

css、reactjs、material-ui、jsx

我想在我的TextField组件中添加一些填充，所以我将它应用到根“样式”属性中。但现在，下划线不再停留在那个区域，而是被填充物的数量溢出到右边。它似乎也忽略了任何填充，左或右，我试着应用到它，只需要100%的容器元素的宽度。我可以使用underlineStyle prop修复它的宽度，所以现在我刚刚将它设置为95%，但是随着宽度的增加，这个值会变得有点难看。={styles.underlineFocusS

浏览 4提问于2016-11-22得票数 0

回答已采纳

9回答

在TextField中设置占位符的样式

html、css、material-ui、jss

input API没有提到如何设置元素的伪占位符元素的样式。有没有办法让我去呢？如果是这样，那么编写::-webkit-input-placeholder的JSS/React/DOM等价方式是什么

浏览 1提问于2017-12-14得票数 34

1回答

全局样式、主题样式、钩子样式、自定义->样式和内联样式的特异性和实现之间的差异

reactjs、material-ui

最近，我一直在尝试material-ui，并且遇到了一些关于如何设置组件样式的问题。就像我在问题How to set the zIndex on the drawer component中所问的，设置组件的z索引的唯一方法是使用style props通过内联样式。由于material-ui似乎正在使用内联样式设置</em

浏览 30提问于2020-09-13得票数 1

回答已采纳

2回答

从单个文件导出的Material UI v4 makeStyles在刷新时不保留样式

reactjs、material-ui

我正在使用Material UI v4，我正在从单个文件导出我的样式，但这些样式在其他组件styles.js中不起作用 display: 'flex', // textField component styles margin: theme.spac

浏览 2提问于2019-07-08得票数 14

回答已采纳

2回答

如何在Material中覆盖轮廓样式的TextField组件中的边框颜色

javascript、css、reactjs、material-ui

任务是使用Material概述的输入字段(来自"@material-ui/core": "^4.12.2",的TextField组件)并使用自定义的蓝色对其进行样式设置。蓝色border-color是通过用下面的CSS封装在样式组件中的TextField实现的： import styled fro

浏览 5提问于2021-12-30得票数 0

回答已采纳

2回答

设置材质UI文本字段的样式

reactjs、material-ui

我正在尝试设计一个material-ui文本字段的样式，但是我不能让它以我想要的方式工作。我只想要一个标准的MUI动画简单的白色输入字段。我希望文本字段始终具有白色背景和文本为黑色。您可以在code Sandbox上找到代码：https://codesandbox.io/s/material-demo-2coo8?

浏览 29提问于2020-01-22得票数 1

1回答

在Material-ui包装器组件中确定特定子元素的目标和样式的正确方式？

reactjs、material-ui

使用makeStyles()定位和样式化Material-ui包装器组件中的特定子元素的正确/建议方式是什么？我们是否使用类选择器？例如，针对我使用的& .MuiInput-input的TextField组件的输入元素 import { makeStyles} from '@material-ui/core/styles'; constla

浏览 12提问于2019-06-29得票数 6

回答已采纳

1回答

样式定制组件

reactjs、jsx

我有这个样式的组件 width: 200, } 而这个组件 <Grid

浏览 4提问于2022-06-22得票数 -1

回答已采纳

3回答

css、reactjs、material-ui、jss

Material-UI使用JSS方式来设计他们的组件。它是在"roboto“字体的基础上构建的。但是，要加载这种Roboto字体，为什么Material-UI依赖于CSS模块，比如"typeface-roboto"？这是否在某种程度上与他们使用JSS设置组件样式和使用CSS设置字体系列相矛盾？

浏览 2提问于2018-06-11得票数 1

1回答

ReactJS材料-ui TextField应用css

javascript、css、reactjs、material-ui

我使用的材料-ui与Reactjs。我想在TextField上应用一些使用css的自定义样式。具体来说，我想在单击输入时更改TextField下划线和TextField标签的颜色。我知道我可以与组件保持一致，但我想使用className和css。谢谢

浏览 3提问于2017-11-16得票数 0

2回答

如何覆盖材料UI组件的css属性

css、reactjs、material-ui

我正在从事的项目中，我必须使用Material，只是为了简单起见，考虑一下我有一个简单的功能组件，其中我有2个实质性UI组件-- Button和Text Fieldimport { Button, TextField } from '@material-ui/core'; return( <>

浏览 10提问于2021-12-09得票数 1

回答已采纳

2回答

在Material-ui* Autocomplete组件上设置文本颜色、轮廓和填充*

reactjs、material-ui

我们希望更改Material-ui Autocomplete组件上的文本颜色、轮廓和填充。width: 400, paddingLeft: 20 }} <TextFieldInputProps={{ }}

浏览 2提问于2019-11-22得票数 14

回答已采纳

点击加载更多