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 小时前
uniapp开发微信小程序遇到富文本内容大小变形问题v-html
微信小程序·uni-app·html
xingkongvv121 小时前
C# 异步编程
java·服务器·开发语言·前端·javascript
杨超越luckly1 小时前
HTML应用指南:利用GET请求获取全国Apple Store 零售店位置信息
大数据·前端·arcgis·html·数据可视化·门店
adminwolf3 小时前
基于Vue.js和Golang构建高效在线客服系统:前端实现与后端交互详解
前端·vue.js·golang
二哈喇子!4 小时前
Vue3生命周期
前端·javascript·vue.js
22:30Plane-Moon6 小时前
跨域解决方案
javascript
上单带刀不带妹7 小时前
Node.js 中的 fs 模块详解:文件系统操作全掌握
开发语言·javascript·node.js·fs模块
运维帮手大橙子8 小时前
完整的登陆学生管理系统(配置数据库)
java·前端·数据库·eclipse·intellij-idea
_Kayo_9 小时前
CSS BFC
前端·css
2501_916013749 小时前
iOS混淆工具有哪些?跨平台 App 混淆与保护的实用方案
android·ios·小程序·https·uni-app·iphone·webview