小程序中原始的button按钮样式是这样的
但是我们需要一个隐藏式的按钮,就是首页能点击的地方都需要触碰到这个按钮,所以需要去除button的默认样式
一般我们去除样式都是这样的
button{
border:0;
background:transparent;
}
执行的效果是这样的
还是有边框的,所以这样是不够。
因为button的边框样式是通过::after
方式实现的,如果在button上定义边框就会出现两条边框线,所以我们可以使用::after
方式去覆盖默认值。
button::after {
border: none;
}