2017-12-27 1075 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