[微信小程序]button按钮去除边框圆角

简介: 微信小程序中的button默认样式有圆角 如果是直接设置style: 申请退款然而,并没有什么卵用。。

微信小程序中的button默认样式有圆角
如果是直接设置style:

<button style="height: 60rpx;width: 150rpx;background: #FFFFFF;border-radius: 0;">
    <text>申请退款</text>
</button>

然而,并没有什么卵用。。。

后来发现,微信小程序中的button的border属性或者圆角,都是卸载after里面的,所以呢,这样改

button::after {
    border-radius: 0;
}

注意

    原来按钮上的border-radius: 0;继续保留的;

这样就能把button的圆角去掉了

目录
相关文章
|
2月前
|
小程序
【微信小程序】-- 其它常用组件介绍 -- button & image(八)
【微信小程序】-- 其它常用组件介绍 -- button & image(八)
|
2月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
88 0
|
8月前
|
小程序 JavaScript
小程序点击按钮弹出可填写框
小程序点击按钮弹出可填写框
78 0
|
8月前
|
小程序 JavaScript
小程序鼠标点击按钮(改变背景颜色字体)
小程序鼠标点击按钮(改变背景颜色字体)
76 0
|
2月前
|
小程序
uni-app微信小程序隐藏左上角返回按钮
uni-app微信小程序隐藏左上角返回按钮
268 1
|
7月前
|
小程序 JavaScript
微信小程序(二十三)微信小程序左上角返回按钮触发事件
返回上一页按钮只会触发上一页的onShow生命周期函数,并不会触发onLoad函数。 因此我们需要在onShow函数中做一些设置: 大概是操作流程,从日程页跳转至实验列表页,再点击实验列表页 左上角的返回键,返回日程页重新获取页面数据。 我这里直接上代码: 实验列表页代码:
349 0
微信小程序(二十三)微信小程序左上角返回按钮触发事件
|
2月前
|
小程序 JavaScript
小程序表单组件——button
小程序表单组件——button
37 0
|
8月前
|
小程序 JavaScript 定位技术
小程序点击指定地址按钮直接打开地图导航
小程序点击指定地址按钮直接打开地图导航
147 0
|
11天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的小程序疫苗预约网站系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的小程序疫苗预约网站系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
6天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的智慧农业小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的智慧农业小程序的详细设计和实现(源码+lw+部署文档+讲解等)
20 6