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%;
        }
相关推荐
码农胖大海2 分钟前
浏览器及标签页关闭时登出的解决方案
前端·浏览器
喵爸的小作坊5 分钟前
StreamPanel:一个让 SSE 调试不再痛苦的 Chrome 插件
前端·后端·http
代码续发8 分钟前
自定义指令
javascript·vue.js·ecmascript
star learning white21 分钟前
xm C语言12
服务器·c语言·前端
tabzzz21 分钟前
大道至简:万字漫谈前端性能监控
前端·javascript·性能优化
0思必得029 分钟前
[Web自动化] CSS基础概念和介绍
前端·css·python·自动化·html·web自动化
小胖霞31 分钟前
全栈系列(15)github Actions自动化部署前端vue
前端·node.js·github
未来魔导31 分钟前
基于 Gin 框架的 大型 Web 项目推荐架构目录结
前端·架构·gin
foundbug9991 小时前
Modbus协议C语言实现(易于移植版本)
java·c语言·前端
Luna-player1 小时前
在前端中list.map的用法
前端·数据结构·list