Question

我有一个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" />

正文的背景颜色已成功应用，但对于按钮，此代码无效。请让我知道如何执行此操作。

Answer 1

注意样式表如何声明样式。这样：

body

是要应用于标记body的一组样式。但是这个：

.button
.button:hover

是一个类，它只适用于那些声明了这个类的元素。所以你需要确保按钮有这个类：

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

Answer 2

将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;
}

Answer 3

这里可能是对<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
}

如何在asp.net中使用css将背景颜色应用于按钮？

3 个答案: