这篇“微信小程序中button怎么去除默认边框”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“微信小程序中button怎么去除默认边框”文章吧。
成都创新互联2013年至今，是专业互联网技术服务公司，拥有项目成都网站制作、网站设计、
外贸网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元大余做网站,已为上家服务,为大余各地企业和个人服务,联系电话:18980820575
微信小程序中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怎么去除默认边框-创新互联
新闻来源：
http://www.cdkjz.cn/article/hsdhh.html
