Удалить отступы текстового поля, которое происходит из пользовательского интерфейса материала ⇐ Html

[Anonymous]

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

Я дал отступ 0 для всех классов, но отступы все еще не удаляется.

Можете ли вы сказать мне, как удалить это дополнение?

.MuiOutlinedInput-input-1708 {
padding: 18.5px 14px;
}


Вот мой код и песочница:

https://codesandbox.io/s/m58841kkwp< /p>

cssLabel: {
"&$cssFocused": {
color: { borderColor: "red", padding: 0 }
}
},
cssFocused: { borderColor: "red", padding: 0 },
cssUnderline: {
"&:after": {
borderBottomColor: "red",
padding: 0
}
},
// cssOutlinedInput: {
// "&$cssFocused $notchedOutline": {
// borderColor: "green"
// }
// },

cssOutlinedInput: {
"& $notchedOutline": {
//add this nested selector
borderColor: "red",
padding: 0
},

"&$cssFocused $notchedOutline": {
borderColor: "green",
padding: 0
}
},

notchedOutline: { borderColor: "red", padding: 0 },


Подробнее здесь: https://stackoverflow.com/questions/534 ... aterial-ui