材质的 UI 默认文本字段颜色是什么颜色？答案

【问题标题】：What is the color of material's UI default text field color?材质的 UI 默认文本字段颜色是什么颜色？
【发布时间】：2021-08-16 07:41:18
【问题描述】：

我有这个日期选择器，我希望它的边框底部颜色与 material-ui 的文本字段颜色相同。

这些是代码沙盒中的代码 - https://codesandbox.io/s/festive-wescoff-71z8u?file=/src/styles.scss

  <DatePicker
        wrapperClassName="datePicker"
        selected={startDate}
        onChange={(date) => setStartDate(date)}
        showTimeSelect
        dateFormat="dd/MM/yyyy hh:mm a"
        timeFormat="hh:mm a"
        timeIntervals={30}
      />

styles.scss

.datePicker {
  grid-column: 5/10;
  grid-row: 2/4;
  padding-bottom: 50px;

  input {
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid black;
    &:focus {
      outline: none;
      border-bottom: 2px solid #f50057;
    }
  }
}

material-ui 的标准文本框的颜色是什么？

【问题讨论】：

这个：.MuiInput-underline。但是它继承自其他基本字段，例如input，因此请尝试更改以下颜色代码-&:focus { outline: none; border-bottom: 2px solid #f50057; }

标签： reactjs sass material-ui

【解决方案1】：

使用颜色选择器工具，我发现颜色是 Hex #AFAFAF 或 RGB 175,175,175

【讨论】：