微信小程序按钮去除边框

Posted 冷不过人心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序按钮去除边框相关的知识,希望对你有一定的参考价值。

wxml:

<button class=‘share‘ id=‘{{item.id}}‘ open-type="share">
<image src=‘/img/fx.png‘ class=‘img_1‘></image>
</button>
 
 
 
wxss:
 
 

/* 按钮 */
.share{
width: 100rpx;
height:50rpx;
background: #fff;
position:relative;
margin-top: -10rpx;
}

/* 按钮去边框 */
button::after{
border: none;
}
 
 
 


以上是关于微信小程序按钮去除边框的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序去除Button默认样式

微信小程序去掉button按钮边框

微信小程序去除左上角返回的按钮

现成组件,详细教程:Uniapp去除微信小程序顶部导航栏,但保留标题和返回按钮;组件经多次调优,近乎完美

微信小程序取消button边框线

微信小程序去除顶部导航条