uview去除u-button按钮自带边框细线

使用uview中u-button按钮组件时,使用镂空样式按钮,发现按钮自带一个细边框,很影响观感

如图

灰色细线去除方法:

.uni-button:after{border: none;}

其中uni-button为自设的class名称

另:

如果要去除绿色部分的边框,行内添加 :custom-style="{border:'none'}" :hair-line='false'

<u-button
type="primary"
color="#5bcfa7"
custom-style="{border:'none'}"
:hair-line='false' :plain="true"
class="scanBtn">
扫码输入编号<image src="../../../static/icon/scan.png">
</image>
</u-button>

如图:

uview去除u-button按钮自带边框细线相关推荐

如何去除bootstrap中按钮的黑线边框
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { ...
elementui 按钮表单_elementUI 学习入门之 Button 按钮
基础按钮用法按钮分为:默认按钮.朴素按钮(plain).圆角按钮(round).圆形按钮(circle).eg: 朴素按钮通过 type 属性指定 primary.success.info.war ...
如何去除微信小程序里面的button按钮边框
1.今天在做小程序项目的是后遇到了一个问题,就是我使用了button按钮,但是它会显示边框,我怎么都去不掉,不知道这个样式问题大家遇到过没有. 2.后来通过查阅资料找到了两种解决方法 2.1 一种:因 ...
实现带三角形button按钮附带边框——html,css
实现带三角形button按钮附带边框--html,css 通过使用HTML+CSS实现带边框的三角形按钮样式先看看效果实现原理: 使用两个三角形,通过叠加,进而实现边框. 两个三角形重叠,下面的三 ...
button按钮样式_一篇文章带你了解CSS3按钮知识
在实际开发中,按钮的应用是必不可少.使用 CSS 来制作按钮,可以更有新意,更有趣,也可以自定义自己想要的样式. 一.平面样式CSS按钮平面样式按钮的使用现在非常流行,并且符合无处不在的平面设计趋势 ...
flutter图标按钮_flutter 按钮封装带图片的按钮,带边框的按钮,纯文字的按钮
在项目中使用的时候,发现系统按钮并不符合我的需求,所以我把常用的按钮,按照我自己的理解,封装了一个! 供大家参考,如果有建议,可以评论提出! 十分感谢! 只有文字的button /* *只有文字的bu ...
android去掉button的边框,css中如何去掉button（按钮）的边框
用新的边框我们先要除去旧的边框才可以,然后再给他加上新边框,如下: 一,先除去: 1,看下默认样式效果,如图可以看到,默认padding和border,字体大小也是受浏览器默认指定 2,去除paddi ...
微信小程序 — 小程序反馈与建议功能及小程序button按钮去除默认样式
这节给大家讲解小程序反馈与建议功能的实现. 我们做小程序难免会遇到一些未知的问题,这个时候给用户提供一个反馈与建议功能就显得至关重要了.这一节来带领大家实现小程序的反馈与建议功能. 先看效果图还是 ...
Android自定义控件3：带边框点击背景变色的textview,原型是支付宝手机充值中话费充值按钮
一.原型:支付宝手机充值中话费充值按钮. 二.实现效果: 三.在res/drawable下面创建两个xml: custom_border_txt_bg.xml用户可点击时,点击切换背景 custom_ ...

uview去除u-button按钮自带边框细线

uview去除u-button按钮自带边框细线相关推荐

最新文章

热门文章