引用了Ant Design of React组件后,如何修改组件的样式

引用了Ant Design of React组件后,如何修改组件的样式

在进行前端页面开发时,引用了Ant Design的组件,却不能满足业务要求的情况下,该怎么修改组件的样式呢?如果按照普通的写法去修改,一般是没有效果的,这里以Ant Design中的 Button按钮 ,为其加上阴影为例:

Ant Design中的 Button按钮默认情况下是没有阴影效果的
引用了Ant Design of React组件后,如何修改组件的样式_第1张图片
只要在样式文件中,按照下面的写法为 Button按钮加上全局样式,就可以对Ant Design组件中的样式进行修改
引用了Ant Design of React组件后,如何修改组件的样式_第2张图片
修改了字体颜色,边框颜色以及阴影后的效果如下:
在这里插入图片描述

你可能感兴趣的:(引用了Ant Design of React组件后,如何修改组件的样式)