2014-06-13 38 views
-1

我有一個asp.net web表單,我想設置相同的背景色中使用CSS.This形式的所有按鈕是我曾嘗試:如何將背景顏色應用於在asp.net中使用css的按鈕?

CSS:

body 
{ 
background-color:#336699; 
} 

.button 
{ 
    background-color: #336699; 
    color: white; 
} 

.button:hover 
{ 
    background-color: White; 
    color :#336699 
} 

頁來源:

<head runat="server"> 
<title>Untitled Page</title> 
<link href="../Layout.css" rel="stylesheet" type="text/css" /> 
</head> 

按鈕標記:

<asp:Button ID="btnSave" runat="server" Font-Bold="True" Height="40px" 
          OnClick="btnSave_Click" Text="Save" 
Visible="False"  Width="90px" /> 

廣管局爲身體ckground顏色成功應用,但對於按鈕此代碼不起作用。請讓我知道如何做到這一點。

+1

這將有助於看到按鈕的標記 – Andrei

+0

爲什麼按鈕不可見? –

+1

該按鈕似乎沒有應用「按鈕」類?嘗試添加'CssClass =「按鈕」'到''標籤? – xec

回答

1

請注意您的樣式表如何聲明樣式。這個:

body 

是一組樣式應用於標籤body。但是這個:

.button 
.button:hover 

是一個類,它將只應用於那些聲明這個類的元素。所以,你需要確保按鈕有這個類:

<asp:Button ... CssClass="button" 
0

CSS類選擇添加到您的按鈕

<asp:Button CssClass="buttonClass" ID="btnSave" runat="server" Font-Bold="True" Height="40px"         OnClick="btnSave_Click" Text="Save" Visible="False" Width="90px" /> 

然後在你的風格增添設計的類

.buttonClass 
{ 
    background-color:red; 
} 
+0

不是類,它應該是CssClass – Wanderer

+0

我編輯了代碼,你對Thx –

-1

這裏可能是一個修復<input type="button" class="button"> - 但如果有,我不知道它。

.button 
{ 
    background-color: #E3E1B8; 
    padding: 2px 4px; 
    font: 13px sans-serif; 
    text-decoration: none; 
    border: 1px solid #000; 
    border-color: #aaa #444 #444 #aaa; 
    color: #000 
}