使用样式化组件覆盖 antd Button 的样式不起作用?

Posted

技术标签:

【中文标题】使用样式化组件覆盖 antd Button 的样式不起作用?【英文标题】:Overriding style of antd Button using styled components is not working? 【发布时间】:2019-09-01 20:27:36 【问题描述】:
import styled from 'styled-components';
import  Button  from 'antd';

const StyledButton = styled(Button)`
  height: 100%;
  border-width: 0px;
  &:hover 
    color: palevioletred;
    border-color: red;
  
`;

export default StyledButton;

antd Button 组件的覆盖样式不起作用?

【问题讨论】:

【参考方案1】:

我只是拿了你的代码,它正确地覆盖了 antd 的样式。可能还有其他原因

【讨论】:

以上是关于使用样式化组件覆盖 antd Button 的样式不起作用?的主要内容,如果未能解决你的问题,请参考以下文章

使用样式化组件自定义 antd 工具提示样式

styled-components不能覆盖antd组件样式?

即使没有内容,如何强制 antd 选项卡全高(使用 React 和样式化组件)

react antd Tabs组件如何修改默认样式-友好的解决方法

React Antd 中如何修改覆盖默认样式及样式引用

React Antd 中如何修改覆盖默认样式及样式引用