时间: 2020-08-23|31次围观|0 条评论

去掉圆角

微信小程序 button 去掉圆角或边框插图
去掉圆角效果图

需要在xxx.wxss里,添加个::after,并且两个地方都需要 border-radius: 0; 才有效

    <!-- xxx.wxml -->    <button class='btn'>我是按钮</button>    /* xxx.wxss */    .btn {      margin: 30rpx;      background: white;      border-radius: 0;    }    .btn::after {      border-radius: 0;    }

去掉边框

微信小程序 button 去掉圆角或边框插图1
去掉边框效果图

也需要在xxx.wxss里,添加个::after,但只需在::after样式类添加border: none;即可

    <!-- xxx.wxml -->    <button class='btn'>我是按钮</button>    /* xxx.wxss */    .btn {      margin: 30rpx;      background: white;    }    .btn::after {      border: none;    }

文章转载于:https://www.jianshu.com/p/8305daa86b83

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了,原文地址《微信小程序 button 去掉圆角或边框
   

还没有人抢沙发呢~