清除微信小程序button的默认样式
文章目录
最近在微信小程序的开发过程中,经常的使用button按钮,但是我们要怎么样去除它们的默认样式呢?
一、去除button的边线:因为button的边框样式是通过::after
方式实现的,所以我们在这里要使用::after
伪类选择器对默认样式进行覆盖.
wxml页面
<view>
<button>我是按钮</button>
</view>
wxss页面
button::after {
border: none;
}
二、去除button点击时的默认背景色
默认背景色为.button-hover
样式渲染,我们需要重新定义一个颜色把默认的背景颜色覆盖就可以了
.button-hover{
background: yellow;
}
总结
以上就是今天要讲的内容,希望对大家有所帮助!!!