微信小程序按钮去除边框
2019-05-24 本文已影响0人
希染丶
背景
前阵子,入手微信小程序的开发,就发现,相比于vue简单很多。api文档简洁明了,基本上人家文档上写的就能直接用,文档上没写的,80%就没法实现,省了不少调研的工作。记录一下开发中碰到的一些不容易注意到的地方,仅供参考。
出现的问题
小程序自带button标签,默认情况下,是自带边框的。项目中需要按钮自定义边框样式或者没有边框的时候,就发现
button{
border:none;
outline:none;
border:0;
}
这三种方式,都不行,哇,就很难受
解决方案
后来研究发现,button的标签,样式是定义在::after伪元素上的(官方压根没提,或者是我没看到吧)
button::after{
border:none;
outline:none;
border:0;
}
这样就搞定了
虽然这个问题也不难,但是了解一下还是能节省点开发的时间的,就酱