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%;
        }
相关推荐
柒和远方3 分钟前
从一次工程审查看 AI 学习产品的边界兜底:RAG 资料链路一致性实战
前端·后端·架构
疯狂的魔鬼13 分钟前
一个"懂分寸"的文本省略组件是怎样炼成的
前端·vue.js·设计
angerdream16 分钟前
手把手编写儿童手机远程监控App之vue3 AI Gent
前端
李明卫杭州21 分钟前
CSS BFC 完全指南:从原理到实战,彻底搞懂这个"结界"
前端
裕波21 分钟前
AI 正在重写应用开发。Vue 与 Vite,给出新的答案。
javascript·vue.js
Momo__22 分钟前
MDN MCP Server——Mozilla 把 Web 文档接进 AI Agent,从此 LLM 不再瞎编 API
前端·ai编程·mcp
妙码生花22 分钟前
现代前端的极致性能 icon 加载方案(死磕成功版)
前端·vue.js·typescript
掘金者阿豪1 小时前
把业务数据变成共享仪表盘:Metabase可视化与远程访问实践
前端·后端
kyriewen2 小时前
折腾了半年 AI 编程工作流,最后发现效率瓶颈是桌上那块屏幕
前端·javascript·ai编程
蜗牛前端2 小时前
codex 全流程开发上线的高颜值礼簿小程序
前端·微信小程序