Question

这是代码和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;
}

Answer 1

您需要在按钮中添加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" />

Answer 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/

Answer 3

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

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

所以你需要围绕这个风格。

Answer 4

如果您只需要使用按钮设置该样式，则可以使用按钮属性CssClass。请查看此link以供参考。

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

Answer 5

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

你可以像提到的nimeshjm一样添加CssClass =＆＃34;按钮＆＃34;属性为按钮控件 - 这应符合您的CSS规则，假设您没有任何其他问题（样式表链接到页面上，没有覆盖/更具体的规则。

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

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

正如Joe Enos所说，Button控件呈现为<input type-"submit" />，因此您也无法使用像button:hover { background: black; }这样的CSS规则

asp.net按钮悬停不起作用

5 个答案: