Question

我正在使用ReactiveList来呈现结果。谁是覆盖默认内联样式的最佳方法？最佳地删除Reactivesearch（2.13.0）提供的所有默认样式。

例如如何删除/packages/web/src/styles/result.js中的sortOptions提供的这些默认样式：

const sortOptions = css'
  color: #424242;
  height: 32px;
  font-size: 0.82rem;
  padding: 0 25px 0 10px;
  background: url(base64....) no-repeat 95% 50%;
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  outline: 1px solid #ddd;
  outline-offset: -1px;
';

Answer 1

我认为，内部类是目前合并样式的唯一方法。在您的情况下，innerClass的名称为sortOptions。

请检查文档 https://opensource.appbase.io/reactive-manual/result-components/reactivelist.html#styles

使用自定义渲染器的另一种方法，我们可以为每个小组件提供渲染功能。

每个UI库都带有一些默认样式，目标是以最小的努力重用组件，即可以轻松扩展和覆盖现有样式。

如果要完全控制UI组件，建议使用自定义渲染功能，而不是innerClass。

覆盖或删除Reactivesearch v2中的内联样式

1 个答案: