關(guān)于Bootstrap按鈕組件消除黃框的方法
bootstrap的button邊框問(wèn)題
最近在線上學(xué)習(xí)bootstrap時(shí),發(fā)現(xiàn)很多童鞋都會(huì)遇到很多坑,有些很容易掉進(jìn)去就出不來(lái)了;
bootstrap框架在國(guó)內(nèi)相對(duì)來(lái)說(shuō)還是非常熱的,畢竟上手快速,代碼簡(jiǎn)潔,在日常開(kāi)發(fā)中可是能省不少事呢,但是吧,剛?cè)隻ootstrap的童鞋,對(duì)bootstrap的樣式源碼等不熟悉,框架有些默認(rèn)的樣式雖然很漂亮,但是無(wú)奈童鞋們的胃口太挑剔,比如本人就喜歡折騰,為了讓樣式看起來(lái)萌萌噠,不惜時(shí)間,對(duì)它動(dòng)手動(dòng)腳的;
對(duì)于如何使用bootstrap,網(wǎng)上可是又不少教程的喲,這里是給填掉一個(gè)我們?cè)谛薷哪J(rèn)樣式的時(shí)候,比較常見(jiàn)的坑;
bootstrap有些樣式一般不容易被發(fā)現(xiàn),尤其是對(duì)于萌新而言,F(xiàn)12調(diào)試無(wú)果,而且有些屬性我們不常用,對(duì)于其意義也是一知半解的,所以一時(shí)之間掉進(jìn)坑里,是非常難受的;
下面就解決一個(gè)比較常見(jiàn)的問(wèn)題的方法:
用bootstrap做的按鈕,點(diǎn)擊出現(xiàn)的邊框,該如何去除?
關(guān)于bootstrap的btn點(diǎn)擊出現(xiàn)黃框,常規(guī)的設(shè)置outline:none,是無(wú)效的…
在不使用!important的情況下, 你可能需要以下代碼:
以上所述是小編給大家介紹的關(guān)于Bootstrap按鈕組件消除黃框的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
JS中使用new Date(str)創(chuàng)建時(shí)間對(duì)象不兼容firefox和ie的解決方法(兩種)
這篇文章主要介紹了JS中使用new Date(str)創(chuàng)建時(shí)間對(duì)象不兼容firefox和ie的解決方法的相關(guān)資料,需要的朋友可以參考下2016-12-12element-ui 上傳圖片后標(biāo)注坐標(biāo)點(diǎn)
有個(gè)組件庫(kù)的名稱叫做element-ui,基于Vue2.0開(kāi)發(fā),提供了豐富的PC端組件,本文通過(guò)實(shí)例代碼給大家介紹element-ui 上傳圖片后標(biāo)注坐標(biāo)點(diǎn)的示例代碼,感興趣的朋友跟隨小編一起看看吧2021-07-07javascript 文本框水印/占位符(watermark/placeholder)實(shí)現(xiàn)方法
html5為表單元素(type為text/password/search/url/telephone/email)新增了一個(gè)placeholder屬性,為輸入框提供一種提示2012-01-01JS使用replace()方法和正則表達(dá)式進(jìn)行字符串的搜索與替換實(shí)例
這篇文章主要介紹了JS使用replace()方法和正則表達(dá)式進(jìn)行字符串的搜索與替換實(shí)例,需要的朋友可以參考下2014-04-04javascript簡(jiǎn)單性能問(wèn)題及學(xué)習(xí)筆記
最近在看一本書:《高性能javaScript》,發(fā)現(xiàn)自己平時(shí)寫js存在很多小細(xì)節(jié)上的問(wèn)題,雖然這些問(wèn)題不會(huì)導(dǎo)致程序運(yùn)行出錯(cuò),但是會(huì)導(dǎo)致界面加載變慢,用戶體驗(yàn)變差,那么我們就來(lái)細(xì)細(xì)數(shù)一下應(yīng)該注意的地方吧2014-02-02js window.onload 加載多個(gè)函數(shù)和追加函數(shù)詳解
本篇文章主要是對(duì)js window.onload 加載多個(gè)函數(shù)和追加函數(shù)進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01