如果TextUI在材质ui中具有Select属性，则验证不起作用

Question

我根据值的可用性（空/非空）创建了两个字段（输入/选择）框，我正在更改轮廓颜色。 这些验证在“输入”框上有效，但在选择框上失败。

const ValidationTextField = withStyles({
  root: {
    '& input:valid + fieldset': {
      borderColor: 'green',
      borderWidth: 1,
    },
    '& input:invalid + fieldset': {
      borderColor: 'red',
      borderWidth: 1,
    },
    '& input:valid:focus + fieldset': {
      borderLeftWidth: 6,
      padding: '4px !important', // override inline-style
    },
  },
})(TextField);


<ValidationTextField
          id="validation-outlined-input"
          label={field.labelName}
          placeholder={field.labelName}
          inputProps={inputProps}
          required
          variant="outlined"
        />

 <ValidationTextField
          id="validation-outlined-input"
          select
          required
          label={field.labelName}
          variant="outlined"
        >
          {field.options.map(option => (
            <MenuItem key={option.value} value={option.value}>
              {option.label}
            </MenuItem>
          ))}
        </ValidationTextField>