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