2011-04-01 24 views
3

bluebutton.css应用CSS到按钮元素与某一类

.btnBlue button{ 
Styles go here 
} 

.btnBlue button::-moz-focus-inner{ 
Styles go here 
} 

.btnBlue button:hover,button:focus{ 
styles go here 
} 

.btnBlue button:active{ 
Styles go here 
} 

的index.html

<!DOCTYPE html> 
<html> 
<head> 
<title>Css buttons</title> 
<link type='text/css' href='css/bluebutton.css' rel='stylesheet' media='screen' /> 
</head> 
<body> 
<button type="submit" class="btnBlue">Okay</button> 
</div> 
</body> 
</html> 

这似乎并没有工作。我知道它的作品,如果我试图做到没有.btnBlue但我想创建不同的按钮样式。所以就像我可以为每个按钮定义使用什么风格。

回答

6

认为你需要改变这里的样式表声明来:

button.btnBlue {样式写在这里}

按钮:: - MOZ-焦点inner.btnBlue { 样式写在这里}

按钮:hover.btnBlue,按钮:focus.btnBlue { 风格去这里}

按钮:active.btnBlue {样式何去何从 }