如何禁用 IE11 在 React Using Styledcomponents Library 中放入文本框的清除按钮？

Question

我想告诉您，为输入元素显示此 "clear field" 是 IE11 浏览器的行为。解决方法是使用以下样式：

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

现在，由于我在 react 中使用了 styledcomponents 库，如何为此编写伪代码？

谢谢

Answer 1

这应该适合你。

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