微信小程序 —— 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