微信小程序 —— button按钮去除border边框


button默认有边框,边框用“border : none”去掉就不可以,边框依然存在,

使用 button::after{ border: none; } 来去除边框,边框就没了

 

wxml:

<button class="bf_input_down" formType="submit">开始配对</button>

 

wxss:

.bf_input_down{display: block;width: 124px;height: 36px;background: url(http://img.d1xz.net/d/2018/04/5ad946ea9e2ce.png) no-repeat ;background-size: 100% 120%;margin:20px auto;line-height: 36px;text-align: center;font-size: 18px;}
  .bf_input_down::after{ border: none; }  

效果图:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM