参考:去掉默认样式
在小程序中需要button来进行开发功能的实现。但是button的默认样式,并不是项目中需要的。
html部分
<button type="default" open-type="getPhoneNumber"
@getphonenumber="decryptPhoneNumber" v-if="!userPhone">
<div class="title">限时特价</div>
<div class="price"><i>¥</i>{{activityInfo.price}}
<span>¥{{activityInfo.basePrice}}</span>
</div>
</button>
css部分
去除默认样式:
button::after{
border: none;
}
button{
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
box-sizing: border-box;
// font-size: 18px;
text-align: center;
text-decoration: none;
// line-height: 1;
line-height: 1.35;
// border-radius: 5px;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
color: #000000;
background-color: #fff;
width: 100%;
height: 100%;
}
版权说明 : 本文为转载文章, 版权归原作者所有 版权申明
原文链接 : https://blog.csdn.net/xiaotangyu7dong/article/details/123376919
内容来源于网络,如有侵权,请联系作者删除!