2017-12-27 151 views
-4

:(不適用於我。下面的樣式工作,如果我給出按鈕ID,但我不想使用該ID,而應該適用於所有按鈕,只要按鈕被聚焦 I試圖用.btn類不是沒有成功。按鈕上的顏色隨時變化

這是工作

button#mybutton:focus 
{ 
    background:olive; 
} 

更新

很抱歉,如果我不明白。我使用METRONICŧ血紅素並且不可能發佈整個HTML頁面。我以爲任何人都可以簡單地使用HTML頁面來測試它。喜歡和回答如下。

我測試了一個簡單的HTML頁面的重點和它的工作,但METRONIC主題莫名其妙地不讓我改變按鈕的焦點顏色,直到我使用按鈕ID。 任何解決方案?

+3

是的,它不會在未得到HTML –

+0

工作,請張貼夠是要能看到什麼是錯的。 CSS和HTML – Intervalia

+0

@intervalia發佈了更新 – Ali

回答

0

那麼你沒有提供關於你的代碼的完整信息,但是你說你想在每個按鈕上應用一個樣式,只要它聚焦(鍵盤控制)。
這裏是您需要html的CSS代碼。

<!DOCTYPE html> 
<html> 
<head> 
<style> 
    button:focus { 
    background-color: olive; 
    } 
    } 

</style> 
</head> 
<body> 
<button id="mybutton">i am a button</button> 
</body> 
</html> 

如果你想找到你的代碼或什麼錯誤,請提供更多關於它的信息

+0

發佈了更新 – Ali

+0

嘗試在css語句結尾使用!important(確保其他樣式表文件沒有該按鈕的屬性)並查看是否有幫助。例如:background-color:olive!important; – Glyphack

+0

做了!重要的解決你的問題? @Ali – Glyphack