微信小程序中button去除默认的边框实例代码
更新时间：2019年08月01日 13:40:31 作者：bokenice
这篇文章主要介绍了微信小程序中button去除默认的边框的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下
微信小程序中button去除默认的边框的实现方法如下所示：
button {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
padding-left:14px;
padding-right:14px;
box-sizing:border-box;
font-size:18px;
text-align:center;
text-decoration:none;
line-height:2.55555556;
border-radius:5px;
-webkit-tap-highlight-color:transparent;
overflow:hidden;
color:#000000;
background-color:#F8F8F8;
}
这是button默认自带的css样式
正常来说，去除button我们使用如下代码即可
button{
border:none;
}
或者
button{
outline: none;
}
但是有时候却不起作用，这个时候我们可以使用::after 伪类选择器，因为button的边框样式是通过::after方式实现的，如果在button上定义边框就会出现两条边框线，所以我们可以使用::after的方式去覆盖默认值。
button::after {
border: none;
}
这样就可以搞定小程序按钮默认样式了，只是相当于一个文本的样式，还是有很多button的默认样式没有去除的，这个需要根据个人需求来设置的，这里不过多说明，后续有再遇到相关情况，再续更，如果需要自定义可以在按钮上一个类选择器就可以搞定。
总结
以上所述是小编给大家介绍的微信小程序中button去除默认的边框实例代码,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
这篇文章主要介绍了JavaScript学习总结JS AJAX应用 的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了VSCode格式化JS自动添加或去掉分号的问题，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-10-10
这篇文章主要给大家介绍了关于如何通过一次报错详细谈谈Point事件的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2018-05-05
这篇文章主要为大家详细介绍了微信小程序实现订单倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要介绍了javascript带回调函数的异步脚本载入方法,以实例形式较为详细的分析了javascript回调函数实现异步载入的定义与使用技巧,需要的朋友可以参考下2015-07-07
实际应用中, 获取元素样式在实际应用中一定常用到, 若是纯粹html中, 直接elem.style.attr就可获取, 但更多的时候我们是要从Css中获取元素的最终样式属性.2010-12-12
ECharts是一个使用 JavaScript 实现的开源可视化库,涵盖各行业图表,满足各种需求,下面这篇文章主要给大家介绍了关于echarts地图轮播高亮的相关资料,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了JS对象数组中如何匹配某个属性值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
JS中类的静态方法，静态变量，实例方法，实例变量区别与用法实例分析
这篇文章主要介绍了JS中类的静态方法，静态变量，实例方法，实例变量区别与用法,结合实例形式详细分析了JS中类的静态方法，静态变量，实例方法，实例变量相关功能、使用方法及操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了Layui弹框中数据表格中可双击选择一条数据的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
最新评论