微信小程序button修改边框样式after

这里写自定义目录标题

在微信小程序中，有些功能必须使用button组件（例如：获取用户手机号 (bindgetphonenumber)，微信小程序文档官方传送门）,如果使用view等组件，然后设置这个属性，点击是无法触发微信手机号授权的，必须使用button组件
我们接入button后

   <button class='sure'>确定</button>

.sure{border-radius: 20px;
}

效果如下

可以看到边框有灰色的细线，
当我们把.sure配置一下border设置为透明，依旧存在灰色的边界线

.sure{border-radius: 20px;border:none;
}

解决方案：使用after选择器

.sure{border-radius: 20px;
}
.sure::after{border:none;
}

使用后效果如下：

微信小程序button修改边框样式after相关推荐

清除微信小程序button的默认样式
清除微信小程序button的默认样式文章目录清除微信小程序button的默认样式总结最近在微信小程序的开发过程中,经常的使用button按钮,但是我们要怎么样去除它们的默认样式呢? 一.去除b ...
微信小程序的多选改变样式_微信小程序button选中改样式-实现单选/多选
小程序实现多button单选/多选红色为选中状态单选多选 ①wxss /* pages/button-select/button-select.wxss */ .button_container ...
微信小程序动态修改样式
前言微信小程序动态修改样式:循环数组显示到页面,点击单独的按钮变换单独样式一.wxml <view class="fb_tips"wx:for="{{arr11 ...
微信小程序之input 边框
微信小程序之input 边框文章目录微信小程序之input 边框一.边框:border 设置对象边框的特性. 二.相关属性一.边框:border 设置对象边框的特性. 语法:border:le ...
微信按钮android代码实现原理,微信小程序button标签open-type实现原理
这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 open-type (微信 ...
微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...
微信小程序动态修改头部title
微信小程序动态修改头部title 1,正常我们设置title的名字是这么设置的 {"navigationBarTitleText": "详情", } 2.在js ...
微信小程序踩坑日记-微信小程序首次加载样式错乱问题
微信小程序踩坑日记-微信小程序首次加载样式错乱问题在实际开发项目中,遇到了个棘手的问题,就是在某些因素下,进入小程序发现有些样式发生偏移.错乱等问题问题原因:-未知(估计是组件的问题) ↓ 解决办 ...
小程序背景图片从服务器获取,微信小程序button控件去边框、加背景图
button边框去除相信大家开发微信小程序时使用button会遇到一些与预期效果不同的样式问题.例如button的边框无法去除,在为button设置圆角的时候周围会有一些"杂质" ...
wxml修改样式_微信小程序wxml和wxss样式
对于css不熟悉的Android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了.微信小程序的排版就跟wxml和wxss有关了,它们两者相当于android的布局文件,其中wxml指 ...

微信小程序button修改边框样式after

这里写自定义目录标题

微信小程序button修改边框样式after相关推荐

最新文章

热门文章