uniapp button按钮去掉默认样式

有时候要使用uniapp官方提供的客服和分享功能,需要用到button按钮,里面属性open-type正好可以实现这些功能,不得不使用这种方式。

但是这种方式,uniapp官方默认为button按钮加了些样式,自己写的样式也无法进行完全覆盖,所以今天分享一个覆盖官方button按钮的样式

bash 复制代码
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;
            text-align: center;
            text-decoration: none;
            line-height: 1.35;
            -webkit-tap-highlight-color: transparent;
            overflow: hidden;
            color: #000;
            font-size: 32rpx;
            background-color: #fff;
            width: 100%;
            height: 100%;
        }
相关推荐
可观测性用观测云14 分钟前
网站/接口可用性拨测最佳实践
前端
2503_9284115634 分钟前
12.26 小程序问题和解决
前端·javascript·微信小程序·小程序
灼华_35 分钟前
超详细 Vue CLI 移动端预览插件实战:支持本地/TPGZ/NPM/Git 多场景使用(小白零基础入门)
前端
借个火er35 分钟前
npm/yarn/pnpm 原理与选型指南
前端
总之就是非常可爱36 分钟前
vue3 KeepAlive 核心原理和渲染更新流程
前端·vue.js·面试
Mr_chiu37 分钟前
当AI成为你的前端搭子:零门槛用Cursor开启高效开发新时代
前端·cursor
over69738 分钟前
防抖与节流:前端性能优化的“双子星”,让你的网页丝滑如德芙!
前端·javascript·面试
red润41 分钟前
手把手封装Iframe父子单向双向通讯功能
前端·javascript·vue.js
gustt41 分钟前
JavaScript 闭包实战:手写防抖与节流函数,优化高频事件性能
前端·javascript·面试
青瓜达利园43 分钟前
react hook注意事项
前端