Как отключить кнопку очистки, которую IE11 помещает в текстовые поля в React Using Styledcomponents Library?

Question

Я хотел бы сказать, что показ этого «чистого поля» для элементов ввода - это поведение браузера IE11.И обходной путь должен использовать следующие стили:

.rcbInput::-ms-clear {
    display: none;
}

Теперь, когда я использую библиотеку styledcomponents в реакции, Как написать псевдокод для этого?

Спасибо

Answer 1

Это должно работать для вас.

const Input = styled.input`
  ::-ms-clear {
    display: none;
  }
`;