如何使用样式化的组件应用样式

时间:2020-04-22 07:59:23

标签: css reactjs

我尝试使用以下方式设置组件样式:

export const StyleCascader = styled(Cascader)`
  background-color: gray;
  ul.ant-cascader-menu {
    background: red !important;
  }
`;

我在这里使用样式化的组件,但是即使我添加了!important,样式也不会出现。可能是什么问题?

演示:https://codesandbox.io/s/custom-trigger-ant-design-demo-gw0kb?file=/StyleCascader.js:74-210

1 个答案:

答案 0 :(得分:-1)

您提到了ul.ant-cascader-menu选择器,但是DOM中没有这样的元素。enter image description here

https://codesandbox.io/s/custom-trigger-ant-design-demo-f9gb5