如何覆盖样式组件中的 css 类

肯彼得

Search.tsx

import { SearchInput } from Search.styles.ts

<SearchInput
    onChange={handleChange}
    value={values["searchValue"]}
    placeholder="Search"
    type="text"
    name="searchValue"
/>

输出html:

<div class="1">
  <div class="2">
    <div class="3">
      <span class="InputWrapper">
        <input placeholder="Search" name="searchValue" class="Input input normalVariant" formnovalidate="" type="text" value="" >
      </span>
    </div>
  </div>
</div>

Search.styles.ts:

import * as Toolkit from "@some_repo/toolkit";
export const SearchInput = styled(Toolkit.Input)`
  InputWrapper: 100%
`

我想要 set InputWrapper: width 100%,正确的做法是什么?

利西茨

它就像 css 一样工作。

import * as Toolkit from "@some_repo/toolkit";
export const SearchInput = styled(Toolkit.Input)`
  .InputWrapper {
    width: 100%;
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用样式组件覆盖 CSS 类

来自分类Dev

如何使用jquery覆盖类的CSS样式?

来自分类Dev

如何覆盖CSS类?

来自分类Dev

如何在Angular中覆盖组件的CSS样式?

来自分类Dev

如何使用类和CSS模块覆盖样式?

来自分类Dev

如何覆盖主要反应组件CSS样式?

来自分类Dev

嵌套列表CSS覆盖样式(#id +类)

来自分类Dev

CSS中的类的样式<th>

来自分类Dev

如何仅覆盖标题行的CSS类,但保留表的样式类的其余表?

来自分类Dev

Vue-使用类样式绑定在应用程序中不显示组件CSS类

来自分类Dev

jQuery覆盖CSS类

来自分类Dev

无限覆盖CSS类

来自分类Dev

从伪类覆盖CSS

来自分类Dev

JavaFX CSS类样式

来自分类Dev

如何从父类中删除和覆盖CSS属性?

来自分类Dev

如何在CSS3中覆盖伪类

来自分类Dev

如何在HTML中覆盖CSS类@keyframes属性

来自分类Dev

如何减少 Wordpress CSS 样式表中的类

来自分类Dev

使用样式化组件按类名更改CSS样式

来自分类Dev

如何覆盖CSS中的计算样式?

来自分类Dev

如何防止外部CSS添加和覆盖ReactJS组件样式

来自分类Dev

如何防止外部CSS覆盖Web组件样式

来自分类Dev

如何防止外部CSS添加和覆盖ReactJS组件样式

来自分类Dev

如何用新类覆盖CSS代码?

来自分类Dev

如何覆盖子节点的 CSS 类?

来自分类Dev

如何在响应中向组件添加CSS类?

来自分类Dev

如何从角度组件中访问本地 css 类名

来自分类Dev

在CSS中创建无样式类

来自分类Dev

在CSS样式表中删除类