小编vai*_*aka的帖子

如何使用样式组件自定义 Material-UI 文本字段的边框颜色、宽度和高度

我对如何自定义 Material-UI 组件感到有点困惑。我已通读文档,一位团队成员说他们使用样式组件。我正在努力改变

  • 将文本字段组件的边框颜色更改为 #cbb0b0
  • 宽度为 200px
  • 高度为 60 像素。

我已经尝试了几个小时的各种事情,但仍然没有弄清楚。我承认失败并寻求帮助!

这是我试图修改的内容:

import styled from 'styled-components';
import TextField from '@material-ui/core/TextField'; 

export default function InputBox () {
  return (
    <TextField 
      id="outlined-basic"
      variant="outlined"
      label="Default"
      defaultValue="Input Text"
    />
  )
}
Run Code Online (Sandbox Code Playgroud)

components textfield reactjs material-ui styled-components

0
推荐指数
1
解决办法
6998
查看次数