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

Question

我有这个日期选择器，我想让它的边框底部颜色与 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 的标准 textfield 的颜色是什么？

Answer 1

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