bluebutton.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的情况下这样做但我想创建不同的按钮样式.所以就像我可以为每个按钮定义要使用的样式.
sim*_*nom 10
您认为需要将样式表声明更改为:
button.btnBlue {样式去这里}
按钮:: - moz-focus-inner.btnBlue {样式转到此处}
按钮:hover.btnBlue,按钮:focus.btnBlue {styles go here}
按钮:active.btnBlue {样式转到此处}
| 归档时间： |
|
| 查看次数： |
9527 次 |
| 最近记录： |