清除微信小程序button的默认样式
文章目录
最近在微信小程序的开发过程中，经常的使用button按钮，但是我们要怎么样去除它们的默认样式呢?
一、去除button的边线：因为button的边框样式是通过::after方式实现的，所以我们在这里要使用::after 伪类选择器对默认样式进行覆盖.
wxml页面
<view>
<button>我是按钮</button>
</view>
wxss页面
button::after {
border: none;
}
二、去除button点击时的默认背景色
默认背景色为.button-hover样式渲染，我们需要重新定义一个颜色把默认的背景颜色覆盖就可以了
.button-hover{
background: yellow;
}
总结
以上就是今天要讲的内容，希望对大家有所帮助！！！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/82901.html
