无法覆盖反应表样式？

Question

从react-table的文档中可以看出：

  

我们认为默认样式看起来很棒！但是，如果您更喜欢更自定义的外观，则所有包含的样式都可以轻松覆盖。每个组件都包含一个独特的类，使其易于自定义。快去吧！

我尝试覆盖.ReactTable .-pagination .-pageSizeOptions的className，如下所示：

.ReactTable .-pagination .-pageSizeOptions {
  visibility: hidden;
  margin: 3px 10px;
  position: absolute;
}

但它没有效果？但如果我在检查元素上执行此操作，它正在工作，我在根index.js上导入我的覆盖，在文件上尝试它，没有效果。

require('./react-table-overrides.css');

const client = new ApolloClient({
  link: new HttpLink({ uri: '/graphql' }),
  cache: new InMemoryCache(),
});

ReactDOM.render(
  <ApolloProvider client={client}>
    <App />
  </ApolloProvider>,
  document.getElementById('root'),
);

帮助？

Answer 1

尝试使用CSS模块和：global，它对我有用

start-sleep -Milliseconds 100
[System.Windows.Forms.SendKeys]::SendWait('^{S}')