2011-04-01 46 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 {樣式何去何從 }