微信小程序按钮去除边框

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;
}

这样就搞定了
虽然这个问题也不难,但是了解一下还是能节省点开发的时间的,就酱

上一篇下一篇

猜你喜欢

热点阅读