button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-lef迈克尔杰克逊的资料t:14px; padding-right:14px; box-sizing:border-bo神舟九号载人飞船x; 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的默认样式没有去除的,这个需要根据个人需求来设置万春明的,这里不过多说明,后续有再遇到相关情况,再续更,如果需要自定义可以在按钮上一个类选择器就可以搞定。
本文发布于:2023-04-03 17:19:03,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/8fdd1151455666db1365af0a3ca79ff9.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:微信小程序中button去除默认的边框.doc
本文 PDF 下载地址:微信小程序中button去除默认的边框.pdf
留言与评论(共有 0 条评论) |