问题:页面上莫名会出现一条横线
,但是查看了代码,并没有相关的横线代码。于是进行排查
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/ea75e0a2f53a45fe852d21237ceb2aa1.png)
发现问题
是因为 联系客服 使用的是抖音小程序 自带的button
组件来写的,而 button
样式 position 设置为
:static 属性
则会导致页面出现横线
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/4ad18a0481a2449d9ed9078fc051fdc1.jpeg)
故 将position修改为 position:none
但是这样又会有新的问题出现 如图: 按钮的边框全部显示出来了。这与实际需求不符。
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/1d6086b631ed4cc2aeb8a29d0162fbcf.jpeg)
修改
去掉button按钮自带边框线
button:after{
display: none;
}
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/53f94aa2c01d449d8fa465ddfa446544.jpeg)
最终效果
页面上横线消失,按钮边框去掉啦~
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/fda47e806c7d454c8a37b86aa227ed42.jpeg)