微信小程序——button, swiper等默认样式更改

Posted 2021-01-04 前端[色色]

微信开发工具里面，无法展示编译后的一些样式，如::before,::after这些伪类。有时候我们需要修改一些组件的默认样式会略感到麻烦，因为不知道是通过哪里控制的。

我就平常遇到的一些修改默认样式，做一下汇总，不定期更新：

 

1.button的背景色，边框，圆角：

button{
  background-color: transparent;
}
button::after {
  border: 0;
  border-radius:0    
}

 

2.swiper 的点的位置：

.wx-swiper-dots.wx-swiper-dots-horizontal{
  bottom: 0px
}

 

不定期更新中...