微信小程序局部清除button默认样式（自定义样式）

原创于 2021-06-10 11:30:51 发布 · 458 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#小程序 #css

微信小程序同时被 2 个专栏收录

13 篇文章

订阅专栏

小程序

12 篇文章

订阅专栏

本文介绍了一种清除默认样式的按钮实现方法，通过CSS代码实现了按钮背景透明、边框圆角去除等效果，并展示了如何移除按钮点击后的轮廓线。

<button class="clearButtonStyle">按钮</button>

.clearButtonstyle {
    background: none;
    border-radius: 0;
    padding: 0;
    margin: 0 !important;
    line-height: 1;
    font-weight: normal;
    outline: none;
}

.clearButtonstyle::after {
    border: none;
}