微信小程序中官方组件默认样式修改

把需要修改的样式放在app.wxss中

 

swiper

面板指示点：

.wx-swiper-dots.wx-swiper-dots-horizontal｛

margin：20px //调整位置

｝

.wx-swiper-dot｛｝//指示点未选中样式

.wx-swiper-dot-active｛｝//指示点选中样式

button

去除边框：

button::after { border: none; }

checkbox

.wx-checkbox-input｛｝//未选中的框

.wx-checkbox-input.wx-checkbox-input-checked｛｝//选中的框

.wx-checkbox-input.wx-checkbox-input-checked::before｛｝//选中的框里的小勾

radio

.wx-radio-input｛｝// 未选中

.wx-radio-input.wx-radio-input-checked｛｝//选中

.wx-radio-input.wx-radio-input-checked::before｛｝//选中的小勾

progress

.wx-progress-inner-bar｛｝//已选择的进度条

switch

.wx-switch-input｛｝//