小程序
小游戏
企业微信
微信支付
扫描小程序码分享
当此样式代码直接在button控件的style中填入时能实现按钮无边框的效果，但如果是在button空间用class引用wxss文件中的此样式代码则无法实现按钮无边框效果
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
额，原来2年前都在讨论这个。。。我现在依然没有设置出来。。哈哈哈
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我也遇到这个问题， 有解决方案吗
把border:0px写在style里
我把源码和效果图给你看看
wxml:
<button class='btn' plain='true' bindtap='clkMinus' data-index='{{index}}'>
<image src='/icon/minus.png' mode='aspectFit' class="btn_bg"></image>
</button>
wxss:
.btn{
position:absolute;
float:right;
border:0px solid red;
right:25px;
width:20px;
height:20px;
}
.btn::after{
border: none;
.button::after{
<button style='position:absolute;float:right;border:0px solid red;right:25px;width:20px;height:20px;' plain='true' bindtap='clkMinus' data-index='{{index}}'>
border:none;
和.button::after{
我都试过，没有效果，倒是直接在style里设置边框0px有效果
::after这个要加上，没用的话加个！important试试看
!important 是啥？
button::after{
试过，没用
xxx.wxml
<view>
<button class='myBtn'>myBtn</button>
</view>
xxx.wxss
.myBtn::after{
} 你要的是这样子么？
.myBtn::after{border:none;}
和.button::after{border:none;}
我都试过，都没有效果，倒是直接在wxml的style里设置
style='position:absolute;float:right;border:0px solid red;right:25px;width:20px;height:20px;'
有效果
但是如果在wxss里设置
都无效，不管有没有加::after{border:none;}
style='border:0px' 确实有效， 而且在wxss设置是无效的
.btn::after {
border: none !important;
这样有效的
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
额，原来2年前都在讨论这个。。。我现在依然没有设置出来。。哈哈哈
我也遇到这个问题， 有解决方案吗
把border:0px写在style里
我把源码和效果图给你看看
wxml:
<button class='btn' plain='true' bindtap='clkMinus' data-index='{{index}}'>
<image src='/icon/minus.png' mode='aspectFit' class="btn_bg"></image>
</button>
wxss:
.btn{
position:absolute;
float:right;
border:0px solid red;
right:25px;
width:20px;
height:20px;
}
.btn::after{
border: none;
}
wxml:
<button class='btn' plain='true' bindtap='clkMinus' data-index='{{index}}'>
<image src='/icon/minus.png' mode='aspectFit' class="btn_bg"></image>
</button>
wxss:
.btn{
position:absolute;
float:right;
border:0px solid red;
right:25px;
width:20px;
height:20px;
}
.button::after{
border: none;
}
wxml:
<button style='position:absolute;float:right;border:0px solid red;right:25px;width:20px;height:20px;' plain='true' bindtap='clkMinus' data-index='{{index}}'>
<image src='/icon/minus.png' mode='aspectFit' class="btn_bg"></image>
</button>
.btn::after{
border:none;
}
和.button::after{
border:none;
}
我都试过，没有效果，倒是直接在style里设置边框0px有效果
::after这个要加上，没用的话加个！important试试看
!important 是啥？
button::after{
border:none;
}
试过，没用
xxx.wxml
<view>
<button class='myBtn'>myBtn</button>
</view>
xxx.wxss
.myBtn::after{
border: none;
} 你要的是这样子么？
.myBtn::after{border:none;}
和.button::after{border:none;}
我都试过，都没有效果，倒是直接在wxml的style里设置
style='position:absolute;float:right;border:0px solid red;right:25px;width:20px;height:20px;'
有效果
但是如果在wxss里设置
.btn{
position:absolute;
float:right;
border:0px solid red;
right:25px;
width:20px;
height:20px;
}
都无效，不管有没有加::after{border:none;}
style='border:0px' 确实有效， 而且在wxss设置是无效的
.btn::after {
border: none !important;
}
这样有效的