如何修改Element-ui组件默认样式

在前端项目中会运用各种组件,有时组件的默认样式并不是你项目中所需要的,你需要更改样式,但修改样式并不成功,我这次也遇到相同问题并已解决,以下解决思路供大家参考。

  1. 以下是这是引入element组件后的初始样式。


    image.png
  2. 相关组件全部引入进来后,开始调相关样式。我需要的border-radius(圆角)效果更明显一点,渲染后发现框border-radius并不起作用。


    image.png
  3. 经过一番查找原因后,发现是