2015-05-10 55 views
1

我使用這樣如何去除:重點:積極CSS當用戶放開

before click

bootstrap3按鈕,當用戶點擊該按鈕,它渲染模型,當用戶關閉了模型 按鈕不回到舊的bg顏色。

after click

用戶必須點擊頁面BG或點擊任何頁面,然後按鈕背景顏色將回到舊的。

如何在用戶關閉模型後將bg顏色返回到第一個顏色?

CSS:

*:focus { 
    outline:none !important; 
} 

使用被點擊該按鈕時刪除輪廓。

這裏的jsfiddle:http://jsfiddle.net/etfu9zev/

感謝。

+0

你的意思是** modal **?請提供足夠的代碼來證明問題。 –

+0

到您的項目/代碼的現場版本的鏈接會有幫助嗎? – Jordan

+0

請提供代碼示例的小片段或小提琴,以說明您遇到的問題。 – Shaggy

回答

1

對於任何曾經使用bootstrap到現在爲止,問題是顯而易見的。應該有人在它已經工作,但編碼是艱難的......這裏是我的解決方案:

<div class="container-fluid"> 
<div class="row"> 
    <div class="col-lg-6 col-md-6 col-sm-6"> 
     <br/> 
     <button type="button" class="btn btn-success">Something</button> 
    </div> 
</div> 

*:focus { 
    outline:none !important; 
} 
body{ 
    background:#DDD; 
} 
.btn-success:focus{ 
    background-color: #5CB85C; 
} 

而一個jsFiddle,說明它。

所有你所要做的就是讓.btn-東西:集中有顏色.btn出頭相同。你可以在你的樣式表中添加任何類型的引導按鈕的代碼,導致迴流,但我寧願從引導CSS剪下焦點部分。

希望它有幫助。

+0

謝謝@Vann,這是解決我的問題,但是,我需要超過寫'標籤主要成功信息警告危險'吧?有沒有另一種方法來解決這個問題,但不能寫很多課? –

+1

不幸的是,不,因爲每個班級的「主要成功信息危險警告」都有自己獨特的顏色:懸停和焦點。嘗試從bootstrap.css中減少部分。 +1請回答。 –