Блог

Главная - Вопросы по программированию - Удаление стрелок вверх и вниз в текстовом поле пользовательского интерфейса Material

Удаление стрелок вверх и вниз в текстовом поле пользовательского интерфейса Material

#css #reactjs #material-ui

#css — код #reactjs #материал-пользовательский интерфейс

Вопрос:

Я пытаюсь удалить стрелки сверху вниз в текстовом поле пользовательского интерфейса Material.

Вот этот код:

 const theme = createMuiTheme({
MuiInput: {
  root: {
    "amp;::-webkit-outer-spin-button, amp;::-webkit-inner-spin-button": {
      "-webkit-appearance": "none",
      margin: 0
    }
  }
}
})

Где я ошибаюсь?

Комментарии:

1. Какие стрелки? В текстовом поле пользовательского интерфейса Material нет стрелок

2. он имеет в виду текстовое поле number .

Ответ №1:

Я думаю, вам следует добавить эти строки в ваше приложение.css, это проще и чище :

 /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

из w3schools