为什么TextField的material-ui'color'属性起作用，但是'borderColor'不起作用？

Question

我想显示橙色的TextField，所以我正在尝试：

val = carry
for l in filter(None, [l1, l2]):
    val += l.val
    l = l.next

但是TextFields显示为常规颜色：

奇怪的是，属性“ color”确实起作用；

<TextField
    id={field_meta.name}
    label={field_meta.title}
    defaultValue={field_meta.value? field_meta.value: ""}
    onChange={this.handleChange}
    margin="normal"
    inputProps={{style: {borderColor: "orange"}}}
    fullWidth
    helperText={"Los cambios aún no se han guardado."}
/>

Answer 1

默认情况下，TextField的边框设置为0 ，因此您需要为其设置borderWidth和borderStyle属性：

<TextField
    id={field_meta.name}
    label={field_meta.title}
    defaultValue={field_meta.value? field_meta.value: ""}
    onChange={this.handleChange}
    margin="normal"
    inputProps={{style: {borderWidth: "2px", borderStyle: "solid", borderColor: "orange", color: "orange"}}}
    fullWidth
    helperText={"Los cambios aún no se han guardado."}
/>

或者一劳永逸：

inputProps={{style: {border: "1px solid orange", color: "orange"}}}