欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序中button去除默認(rèn)的邊框?qū)嵗a

 更新時(shí)間：2019年08月01日 13:40:31   作者：bokenice  
這篇文章主要介紹了微信小程序中button去除默認(rèn)的邊框的實(shí)例代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下

微信小程序中button去除默認(rèn)的邊框的實(shí)現(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樣式

正常來(lái)說(shuō)，去除button我們使用如下代碼即可

button{
 border:none;
}
或者
button{
 outline: none;
}

但是有時(shí)候卻不起作用，這個(gè)時(shí)候我們可以使用::after 偽類選擇器，因?yàn)閎utton的邊框樣式是通過(guò)::after方式實(shí)現(xiàn)的，如果在button上定義邊框就會(huì)出現(xiàn)兩條邊框線，所以我們可以使用::after的方式去覆蓋默認(rèn)值。

button::after {
 border: none;
}

這樣就可以搞定小程序按鈕默認(rèn)樣式了，只是相當(dāng)于一個(gè)文本的樣式，還是有很多button的默認(rèn)樣式?jīng)]有去除的，這個(gè)需要根據(jù)個(gè)人需求來(lái)設(shè)置的，這里不過(guò)多說(shuō)明，后續(xù)有再遇到相關(guān)情況，再續(xù)更，如果需要自定義可以在按鈕上一個(gè)類選擇器就可以搞定。

總結(jié)

以上所述是小編給大家介紹的微信小程序中button去除默認(rèn)的邊框?qū)嵗a,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

相關(guān)文章

最新評(píng)論