[已解决]微信小程序定制wxss文件中设置无边框样式无

时间：2019-05-03 来源：小程序工厂

问题模块框架类型问题类型终端类型微信版本基础库版本
框架微信小程序 Bug 工具 6.6.6 2.0.9 [133]

当此样式代码直接在button控件的style中填入时能实现按钮无边框的效果，但如果是在button空间用class引用wxss文件中的此样式代码则无法实现按钮无边框效果
代码片段
border:0px solid red;

微信小程序开发问题解答

微信小程序开发者回答：

我也遇到这个问题，有解决方案吗

微信小程序开发者回答：

把border:0px写在style里

微信小程序开发者回答：

我把源码和效果图给你看看

wxml:

wxss:
.btn{
position:absolute;
float:right;
border:0px solid red;
right:25px;
width:20px;
height:20px;
}
.btn::after{
border: none;
}

wxml:

wxss:
.btn{
position:absolute;
float:right;
border:0px solid red;
right:25px;
width:20px;
height:20px;
}
.button::after{
border: none;
}

wxml:

.btn::after{
border:none;

}
和.button::after{
border:none;

}
我都试过，没有效果，倒是直接在style里设置边框0px有效果

微信小程序开发者回答：

::after这个要加上，没用的话加个！important试试看

微信小程序开发者回答：

!important 是啥？

微信小程序开发者回答：

button::after{
border:none;
}

微信小程序开发者回答：

试过，没用

微信小程序开发者回答：

xxx.wxml

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;
}
这样有效的

本文网址：http://www.91bianli.com/weixinxiaochengxu/46092.html

上一篇：微信小程序开发小米8输入框获取键盘高度不正确

下一篇：input组件在部分ios机型上定位异常