微信小程序中button去除默認的邊框?qū)嵗a
更新時間：2019年08月01日 13:40:31 作者：bokenice
這篇文章主要介紹了微信小程序中button去除默認的邊框的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
微信小程序中button去除默認的邊框的實現(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默認自帶的css樣式
正常來說，去除button我們使用如下代碼即可
button{
border:none;
}
或者
button{
outline: none;
}
但是有時候卻不起作用，這個時候我們可以使用::after 偽類選擇器，因為button的邊框樣式是通過::after方式實現(xiàn)的，如果在button上定義邊框就會出現(xiàn)兩條邊框線，所以我們可以使用::after的方式去覆蓋默認值。
button::after {
border: none;
}
這樣就可以搞定小程序按鈕默認樣式了，只是相當(dāng)于一個文本的樣式，還是有很多button的默認樣式?jīng)]有去除的，這個需要根據(jù)個人需求來設(shè)置的，這里不過多說明，后續(xù)有再遇到相關(guān)情況，再續(xù)更，如果需要自定義可以在按鈕上一個類選擇器就可以搞定。
總結(jié)
以上所述是小編給大家介紹的微信小程序中button去除默認的邊框?qū)嵗a,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
這篇文章主要介紹了JavaScript 模塊化編程(筆記) ,需要的朋友可以參考下2015-04-04
JavaScript實現(xiàn)計數(shù)器基礎(chǔ)方法
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)計數(shù)器的基礎(chǔ)方法2017-10-10
，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本篇文章主要是對javaScript頁面自動加載事件進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
JavaScript學(xué)習(xí)筆記之檢測客戶端類型是（引擎、瀏覽器、平臺、操作系統(tǒng)、移動設(shè)備）
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之檢測客戶端類型是（引擎、瀏覽器、平臺、操作系統(tǒng)、移動設(shè)備）的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要為大家介紹了javascript原型鏈圖解的總結(jié)和實踐，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
JavaScript數(shù)據(jù)可視化:ECharts制作地圖
這篇文章主要介紹了Echarts實現(xiàn)可視化地圖，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-08-08
通過函數(shù)作用域和塊級作用域看javascript的作用域鏈
這篇文章給大家分享了通過函數(shù)作用域和塊級作用域看javascript的作用域鏈的相關(guān)知識點內(nèi)容，有興趣的朋友參考學(xué)習(xí)下。2018-08-08
這篇文章主要為大家介紹了TypeScript類型使用示例剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要給大家介紹了關(guān)于JS如何實現(xiàn)頁面截屏功能的相關(guān)資料,文中主要利用了html2canvas和canvas繪制兩個方法來實現(xiàn),需要的朋友可以參考下2021-06-06
IE和firefox的event事件兼容分析。2009-12-12