小程序中button以及滾動條默認(rèn)樣式怎么清除-創(chuàng)新互聯(lián)

這篇文章主要介紹了小程序中button以及滾動條默認(rèn)樣式怎么清除，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)客戶idc服務(wù)中心，提供香港機(jī)房服務(wù)器托管、成都服務(wù)器、成都主機(jī)托管、成都雙線服務(wù)器等業(yè)務(wù)的一站式服務(wù)。通過各地的服務(wù)中心，我們向成都用戶提供優(yōu)質(zhì)廉價的產(chǎn)品以及開放、透明、穩(wěn)定、高性價比的服務(wù)，資深網(wǎng)絡(luò)工程師在機(jī)房提供7*24小時標(biāo)準(zhǔn)級技術(shù)保障。

實現(xiàn)如下圖所示的效果，用四個button實現(xiàn)：

在編寫樣式的時候，總是清除不了button的圓角和邊框，神魔戀！

其實，我們可以查看button的默認(rèn)樣式來解決它；我們創(chuàng)建一個button，查看style，我們發(fā)現(xiàn)了問題

原來小程序的button自帶的border-radius和border等屬性，不是直接給button設(shè)置相關(guān)屬性，而是用button::after設(shè)置的，所以要清除這兩個默認(rèn)樣式，不能直接設(shè)置button的樣式，要在button::after中去清除這幾個樣式，但是清除樣式的css語句好寫在wxss文件的最開始部分，寫在wxss的最后會清除自己給button設(shè)置的相關(guān)樣式。代碼如下:

button::after{

border-radius: 0;

border: 0;

}

另外一個坑就是在 button::after中設(shè)置border-left的值可以給每個button加上左邊框，如果設(shè)置border-right的值，這條邊框線線只會顯示在積分和賬戶余額之間。

清除scroll-view的滾動條

我們有時候不需要又寬有丑的滾動條，其實清除它很容易，在wxss文件中添加如下代碼便可，同樣，我們需要寫在wxss文件的開始。

::-webkit-scrollbar{

  width: 0;

  height: 0;

}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享小程序中button以及滾動條默認(rèn)樣式怎么清除內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來學(xué)習(xí)!

網(wǎng)站欄目：小程序中button以及滾動條默認(rèn)樣式怎么清除-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://bm7419.com/article32/gispc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、定制網(wǎng)站、軟件開發(fā)、品牌網(wǎng)站制作

廣告

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