2

这是我检查了几个链接并相应地遵循的代码和 css，但我仍然遇到问题。请解释。

<asp:Button ID="Button1" runat="server" BackColor="#93C323" 
            Font-Names="Segoe UI Light" Font-Size="X-Large" ForeColor="White" Height="41px" 
            style="margin-left: 144px" Text="+ Add" Width="121px" />

.button:hover
{
 background:#DBDBDB;
}
4

5 回答 5

2

您需要将 cssclass="button" 添加到您的按钮。

<asp:Button ID="Button1" runat="server" BackColor="#93C323" CssClass="button"
            Font-Names="Segoe UI Light" Font-Size="X-Large" ForeColor="White" Height="41px" 
            style="margin-left: 144px" Text="+ Add" Width="121px" />
于 2013-04-01T00:21:29.187 回答
2

当您想通过悬停或动态更改样式时，请避免将样式设为内联。这是我刚刚测试并正在工作的示例：

<asp:Button ID="Button1" runat="server" CssClass="OneButton" Text="ok" />

    <style type="text/css">
        .OneButton
        {
            background-color:#93C323;
            font-size:x-large;
            color:White;
            height:41px;
            width:121px;
            margin-left:144px;
        }

        .OneButton:hover
        {
            background-color:#DBDBDB;
        }    
    </style>

以及它的实时版本：http: //jsfiddle.net/gwSWy/

于 2013-04-01T00:59:33.063 回答
0

如果您希望对所有按钮全局执行此操作：

ASP.NET 按钮创建<input type="submit">.

所以你需要围绕它设计风格。

于 2013-04-01T00:21:37.390 回答
0

如果您的按钮只需要该样式，则可以使用 Button Property CssClass。检查此链接以供参考。

还有一件事，我猜你没有style正确使用。您可以将您的margin详细信息放在buttoncss 中，然后删除属性样式。

于 2013-04-01T01:10:34.980 回答
0

您的 CSS 规则不会在 DOM 中找到该元素，因为没有按照您的方式为其分配 CSS 类。

您可以像 nimeshjm 提到的那样做，并将 CssClass="button" 属性添加到按钮控件 - 这应该与您的 CSS 规则相匹配，假设您没有任何其他问题（样式表链接到页面上，没有覆盖/更多具体规则。

您也无法根据其 ID 设置元素的样式，因为它会在呈现页面时自动更改，以防止元素之间的 ID 冲突。

如果您使用ClientIDMode="Static"将保持您在控件中指定的 ID 的属性。

<input type-"submit" />正如 Joe Enos所说，Button 控件呈现为button:hover { background: black; }

于 2013-04-01T01:11:38.063 回答