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%;
        }
相关推荐
半世轮回半世寻几秒前
前端开发里最常用的5种本地存储
前端·javascript
OpenTiny社区2 分钟前
TinyPro v1.4.0 正式发布:支持 Spring Boot、移动端适配、新增卡片列表和高级表单页面
java·前端·spring boot·后端·开源·opentiny
爱上妖精的尾巴6 分钟前
7-9 WPS JS宏 对象使用实例6:按条件读取多表再拆成多表
前端·javascript·wps·jsa
有意义7 分钟前
现代 React 路由实践指南
前端·vue.js·react.js
三木檾7 分钟前
Cookie 原理详解:Domain / Path / SameSite 一步错,生产环境直接翻车
前端·浏览器
-凌凌漆-7 分钟前
【JS】JavaScript Promise
开发语言·javascript·ecmascript
开始学java7 分钟前
踩坑实录:把 useRef 写进 JSX 后,我终于分清它和 useState 的核心差异
前端
二DUAN帝7 分钟前
像素流与UE通信
前端·javascript·css·ue5·html·ue4·html5
1024小神8 分钟前
cloudflare+hono框架实现jwtToken认证,并从token中拿到认证信息
前端
jinmo_C++9 分钟前
从零开始学前端 · HTML 基础篇(二):常用文本标签与排版基础
前端·html