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%;
        }
相关推荐
做前端的娜娜子1 天前
同一链接实现 PC Web 与移动 H5 自适应
前端·掘金·金石计划
小帅不太帅1 天前
架构没变、规模没变,DeepSeek V4 Flash 正式版凭什么暴涨 47 分?
前端·aigc·deepseek
jarvisuni1 天前
DeepSeekFlash前端依旧拉垮,而且变慢了很多!
前端·javascript·算法
卷福同学1 天前
AI编程出海第二步:验证关键词能否做站
前端·人工智能·后端
赵庆明老师1 天前
Vben精讲:21-详解web-antd:tsconfig.json
前端·json·vim
wc881 天前
微软EDGE浏览器功能学习
前端·学习·edge
破z晓1 天前
javascript 导出excel表
开发语言·javascript·excel
Csvn1 天前
🎯 原生 `<dialog>` 元素:终于可以扔掉一半的自定义弹窗组件了?
前端
Csvn1 天前
🎨 CSS @layer:用「层叠优先级」终结样式打架的世纪难题
前端