微信小程序中button去除默認(rèn)的邊框?qū)嵗a
更新時間：2019年08月01日 13:40:31 作者：bokenice
這篇文章主要介紹了微信小程序中button去除默認(rèn)的邊框的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
微信小程序中button去除默認(rèn)的邊框的實現(xiàn)方法如下所示：
button {
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
padding-left:14px;
padding-right:14px;
box-sizing:border-box;
font-size:18px;
text-align:center;
text-decoration:none;
line-height:2.55555556;
border-radius:5px;
-webkit-tap-highlight-color:transparent;
overflow:hidden;
color:#000000;
background-color:#F8F8F8;
}
這是button默認(rèn)自帶的css樣式
正常來說，去除button我們使用如下代碼即可
button{
border:none;
}
或者
button{
outline: none;
}
但是有時候卻不起作用，這個時候我們可以使用::after 偽類選擇器，因為button的邊框樣式是通過::after方式實現(xiàn)的，如果在button上定義邊框就會出現(xiàn)兩條邊框線，所以我們可以使用::after的方式去覆蓋默認(rèn)值。
button::after {
border: none;
}
這樣就可以搞定小程序按鈕默認(rèn)樣式了，只是相當(dāng)于一個文本的樣式，還是有很多button的默認(rèn)樣式?jīng)]有去除的，這個需要根據(jù)個人需求來設(shè)置的，這里不過多說明，后續(xù)有再遇到相關(guān)情況，再續(xù)更，如果需要自定義可以在按鈕上一個類選擇器就可以搞定。
總結(jié)
以上所述是小編給大家介紹的微信小程序中button去除默認(rèn)的邊框?qū)嵗a,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
javascript手風(fēng)琴下拉菜單實現(xiàn)代碼
手風(fēng)琴效果的下拉菜單大家都有見到過吧，實現(xiàn)的方法也有很多，這篇文章就為大家分享了javascript手風(fēng)琴下拉菜單實現(xiàn)代碼，純手寫的，感興趣的朋友不要錯過。2015-11-11
這篇文章主要為大家詳細(xì)介紹了使用js中的Canvas實現(xiàn)橡皮擦效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
在本地使用Excel時，經(jīng)常會有需要在Excel中添加一些附件文件的需求，今天小編將為大家介紹如何使用前端HTML+JS+CSS技術(shù)通過超鏈接單元格的形式實現(xiàn)在線Excel附件上傳、下載和修改的操作，需要的可以參考下2023-08-08
詳解解決小程序中webview頁面多層history返回問題
這篇文章主要介紹了詳解解決小程序中webview頁面多層history返回問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了技術(shù)男用來對妹子表白的百度首頁,非常有創(chuàng)意、有意思,需要的朋友可以參考下2014-07-07
js實現(xiàn)的格式化數(shù)字和金額功能簡單示例
這篇文章主要介紹了js實現(xiàn)的格式化數(shù)字和金額功能,結(jié)合簡單實例形式分析了javascript數(shù)字字符串轉(zhuǎn)換、運(yùn)算等相關(guān)操作技巧,需要的朋友可以參考下2019-07-07
下面小編就為大家?guī)硪黄狫S選取DOM元素的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
可以先使用 DOM 的 createElement 方法創(chuàng)建 tr 和 td，然后對 td 的 innerHTML 進(jìn)行相應(yīng)操作，最后用 appendChild 方法把創(chuàng)建的元素添加到 DOM 樹中。這樣在 IE 下就可以正常運(yùn)行了。2009-08-08
js實現(xiàn)圖片旋轉(zhuǎn) js滾動鼠標(biāo)中間對圖片放大縮小
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)圖片旋轉(zhuǎn),滾動鼠標(biāo)中間對圖片放大縮小等效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
js實現(xiàn)數(shù)組去重、判斷數(shù)組以及對象中的內(nèi)容是否相同
數(shù)組去重，判斷數(shù)組、對象中的內(nèi)容是否相同等等，在接下來的文章中使用js來簡單實現(xiàn)下，感興趣的朋友不要錯過2013-11-11