Блог

Главная - Вопросы по программированию - Избегайте конфликтных текстовых полей в MUI в wordpress

Избегайте конфликтных текстовых полей в MUI в wordpress

#wordpress #material-ui #react-material #react-material-ui-form-validator

Вопрос:

Привет, я новичок в пользовательском интерфейсе Material и реагирую. Пытаюсь создать один плагин wordpress. Административная часть я создаю текстовое поле с помощью MUI react. Введите поля текстового поля и отступы, влияющие по умолчанию на стиль загрузки wordpess.css.

        <TextField label="Role or Title" classes={classes.uniqueclass} placeholder="Developer" fullWidth />

В поставщике тем:

 MuiInput: {
    root: {
      top: [theme.spacing(2),'!important'],
      bottom: theme.spacing(0),
      border: ["none",'!important'],
      outline: `1px solid transparent`,
      background: "transparent",
      padding: theme.spacing(0),
      marginBottom: theme.spacing(4),
      'amp;$focused': {
        borderColor: theme.palette.primary.main,

      },
    },

По умолчанию wordpress загружается как,

 input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
    outline: 2px solid transparent;
}

Итак , как переопределить это глобально для всего текста и выбрать поля. Заранее спасибо

Метки: