成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

微信小程序中button組件的邊框設置的實例詳解

微信小程序中button組件的邊框設置的實例詳解

在伊州等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都做網站、成都網站制作 網站設計制作按需網站建設,公司網站建設,企業(yè)網站建設,品牌網站設計,全網營銷推廣,成都外貿網站建設公司,伊州網站建設費用合理。

button的邊框是用:after方式實現的，用戶如果在button上定義邊框會出現兩條線，需用:after的方式去覆蓋默認值。
如果設置了Button的背景色，沒有用:after設置邊框的顏色，則button的四個角會出現模糊的尖角。如下圖所示：

微信小程序中button組件的邊框設置的實例詳解

如上圖四個角會模糊。.wxss代碼如下：

.clickEncryptBtn{ 
 width:130px; 
 border-radius: 3px; 
 margin:20px auto; 
 padding-top:2px; 
 font-size:14px; 
 background-color:#CC3333; 
 <strong> border:1px solid #CC3333</strong> 
 color:white; 
 overflow:hidden; 
 height:40px; 
}

在這里設置了邊框的樣式，但是沒有生效。

修改：將.wxss代碼修改如下：

.clickEncryptBtn{ 
 width:130px; 
 border-radius: 3px; 
 margin:20px auto; 
 padding-top:2px; 
 font-size:14px; 
 background-color:#CC3333; 
 color:white; 
 overflow:hidden; 
 height:40px; 
} 
 
<strong>.clickEncryptBtn::after{ 
 border:1px solid #CC3333; 
}</strong>

將Button的邊框設置放在::after屬性里面。

效果如下：

微信小程序中button組件的邊框設置的實例詳解

從上圖可以看出，四個角不模糊了。

總結：對于button的邊框設置，要放在::after里面設置，才生效，要不然會出現各種怪異現象

如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

文章題目：微信小程序中button組件的邊框設置的實例詳解
網站地址：http://jinyejixie.com/article12/ijojgc.html

成都網站建設公司_創(chuàng)新互聯，為您提供做網站、網站導航、網站制作、自適應網站、軟件開發(fā)、外貿網站建設

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

小程序開發(fā)