博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

小程序 去掉 <button /> 组件默认 border 边框样式

Posted on 2018-04-12 18:29  lee_xiumei  阅读(5609)  评论(2)    收藏  举报

代码:

<button class="btn">点击</button>

效果图:

目的:去掉 <button /> 默认样式中的 background 和 border

代码:

.btn {

  background: none;

  border: none;  

}

效果图:

可以看到,background 没有了,但 border 仍然在

解决办法:

.btn:after {

  border: none;

}

效果图:

目的达到