2018-10-12 小程序里button組件的默認(rèn)樣式修改

1、在button組件里嵌套其他的組件,比如view等,會發(fā)現(xiàn)有些樣式被限制了,這是因為button組件自帶了一些樣式
比如如下:


image.png

如果kefu是相對定位,text是絕對定位
會發(fā)現(xiàn)class="text"移不出kefu的框框外
這是因為button的默認(rèn)樣式里有overflow: hidden
這個時候我們另外加
button {
overflow: visible;
}

還有button里的默認(rèn)文字是居中的
我們?nèi)缬行枰?,也可以改?br> button {
text-align: left;
}

還有l(wèi)ine-height、padding等

2、用了button后,外面默認(rèn)有個灰色的框框,如何去掉:
設(shè)置::after {
border: none;
}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,108評論 1 92
  • JavaScript 1. type 類型判斷 isString (o) {//是否字符串 returnObjec...
    Mr_ZhangH閱讀 686評論 0 1
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,423評論 0 11
  • 在此,首先奠念那些已經(jīng)離我們遠(yuǎn)去的親人和朋友。也許因為時間的關(guān)系,他們中的很多人已被人們不自覺的遺忘,如果不是刻意...
    風(fēng)雪散人閱讀 271評論 0 1
  • 很煩???
    4288d7e2c092閱讀 198評論 0 1

友情鏈接更多精彩內(nèi)容