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%;
        }
相关推荐
q***498617 小时前
分布式WEB应用中会话管理的变迁之路
前端·分布式
IT_陈寒17 小时前
JavaScript性能优化:10个V8引擎隐藏技巧让你的代码快30%
前端·人工智能·后端
前端加油站18 小时前
Chrome/Firefox 浏览器扩展开发完整指南
前端·chrome
码途进化论18 小时前
从Chrome跳转到IE浏览器的完整解决方案
前端·javascript
笙年18 小时前
Vue 基础配置新手总结
前端·javascript·vue.js
哆啦A梦158818 小时前
40 token
前端·vue.js·node.js
炫饭第一名18 小时前
Cursor 一年深度开发实践:前端开发的效率革命🚀
前端·程序员·ai编程
摇滚侠18 小时前
Vue 项目实战《尚医通》,获取挂号医生的信息展示,笔记43
前端·javascript·vue.js·笔记·html5
晴殇i18 小时前
关于前端基础快速跨入鸿蒙HarmonyOS开发
前端·harmonyos
k093318 小时前
vue3中基于AntDesign的Form嵌套表单的校验
前端·javascript·vue.js