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

創(chuàng)新互聯(lián)主營會同網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app軟件開發(fā)公司,會同h5成都小程序開發(fā)搭建,會同網(wǎng)站營銷推廣歡迎會同等地區(qū)企業(yè)咨詢

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

如上圖四個角會模糊。.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; 
} 

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

標題名稱：微信小程序中button組件的邊框設置的實例詳解-創(chuàng)新互聯(lián)
瀏覽路徑：http://www.js-pz168.com/article1/cohiid.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、微信公眾號、外貿(mào)網(wǎng)站建設、自適應網(wǎng)站、網(wǎng)頁設計公司、手機網(wǎng)站建設

廣告

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