Ionic5 Vue3 修改内置组件默认样式

ionic5 Vue3实战教程： https://www.itying.com/goods-1150.html

Ionic5 Vue3 修改内置组件默认样式 官方文档：https://ionicframework.com/docs/api/button

在ionic组件中有CSS Custom Properties。我们可以通过CSS Custom Properties提供的样式来修改ionic内置组件的默认样式。

找到src/theme/variables.scss文件修改ion-button的默认样式。

ion-button {
  --color: #222;
  --background:red;
  --background-activated:var(--ion-color-favorite)
}