如何在 C#（在 ASP.NET 中）中编写悬停按钮的样式？答案

【问题标题】：How to write style for hover on button in C# (in ASP.NET)?如何在 C#（在 ASP.NET 中）中编写悬停按钮的样式？
【发布时间】：2016-05-05 17:25:22
【问题描述】：

如何在 asp.net 中为 c# 中的按钮编写悬停样式？我写了这段代码，但我不知道如何为它写悬停？

button1.Style[" border-style"] = "solid";
                button1.Style["background-color"] = "#063a83";
                button1.Style[" border-width"] = "3px";
                button1.Style[" color"] = "White";
                button1.Style[" font-family"] = "Tahoma";
                button1.Style[" border-color"] = "Gray";
                button1.Style[" border-radius"] = "10px";
                button1.Style[" background-image"] = "url(../images/products/zoom2.png)";
                button1.Style[" background-repeat"] = "no-repeat";
                button1.Style[" padding"] = "10px";
                button1.Style["Cursor"] = "pointer";

我想为悬停写这个：

 .btn:hover
    {
       background-color :#202020 ; 
       cursor:pointer;
    }

【问题讨论】：

样式只能用 CSS 样式表编写，不能用 C# 代码（关注点分离）。你只需要给你的按钮一个类（比如.btn）并为此编写样式
但是从数据库读取数据时会创建按钮，我不能写：string s= "" 面板。 Controls.Add(new LiteralControl(s)); 我应该用按钮类创建按钮。
您正在动态创建按钮？如果可以，请出示该代码？
您可以通过在您的 aspx 化妆结束时添加一个 Jquery 调用来满足您的要求和关注点分离，该调用将您的悬停样式应用于所有按钮/输入元素。

标签： c# asp.net styles

【解决方案1】：

像这样为你添加一个CssClass 按钮：

Button button2 = new Button();

button2.Text = "buy";
button2.ID = ddr[2].ToString();
button2.CssClass = "btn"; //add a css class

button2.Click += new System.EventHandler(detail_Click);
Panelproduct.Controls.Add(button2);

然后在您的 css 样式表中为该类添加样式，如下所示：

.btn{
    border-style: solid;
    background-color: #063a83;
    /*more styles*/
}

.btn:hover{
       background-color :#202020 ; 
       cursor:pointer;
    }

【讨论】：

【解决方案2】：

这是我的代码：

Button button2 = new Button();

                button2.Text = "buy";
                  button2.ID = ddr[2].ToString();
                button2.Style[" border-style"] = "solid";
                button2.Style["background-color"] = "#063a83";
                button2.Style[" border-width"] = "3px";
                button2.Style[" color"] = "White";
                button2.Style[" font-family"] = "Tahoma";
                button2.Style[" border-color"] = "Gray";
                button2.Style[" border-radius"] = "10px";
                button2.Style[" background-image"] = "url(../images/products/zoom2.png)";
                button2.Style[" background-repeat"] = "no-repeat";
                button2.Style[" padding"] = "10px";
                button2.Style["Cursor"] = "pointer";


               button2.Click += new System.EventHandler(detail_Click);

                Panelproduct.Controls.Add(button2);

【讨论】：