How to set css style to asp.net button?

我有一个ASP：按钮，我用CSS样式与CssClass属性asp:Button ，但这些样式不工作。当我使用asp:LinkButton这些风格正在well.I不想对任何风格的主题或皮肤。

这是我的ASP页：

<asp:Button CssClass="smallButton" Text="Sign In" runat="server" ID="submit"></asp:Button>

这是我的CSS：

.smallButton 
{
  //styles
}

当我改变的asp：按钮到ASP：LinkButton的

<asp:LinkButton Text="Sign In" runat="server" ID="submit" CssClass="smallButton"></asp:LinkButton>

要么

<span class="smallButton"><asp:LinkButton Text="Sign In" runat="server" ID="submit"></asp:LinkButton></span>

样式运作良好。唯一的问题用asp：Button控件

Answer 1:

你可以指定一个class你的ASP.NET按钮，然后应用所需的样式给它。

<asp:Button class="mybtn" Text="Button" runat="server"></asp:Button>

CSS：

.mybtn
{
   border:1px solid Red;
   //some more styles
}

Answer 2:

我发现了编码...

 input[type="submit"]
    {
     //css coding
    }
 input[type="submit"]:Hover  
    {
     //css coding
    }

这是我的问题.....谢谢大家的宝贵答案的解决方案.......

Answer 3:

您可以使用CssClass属性，并传递一个值作为CSS类名

<asp:Button CssClass="button" Text="Submit" runat="server"></asp:Button>` 

.button
{
     //write more styles
}

Answer 4:

没有人愿意去使用一个类的混乱，试试这个：

<asp:button Style="margin:0px" runat="server" />

智能感知不会建议，但它会得到这份工作没有抛出错误，警告或消息来完成。不要忘记在风格大写的S

Answer 5:

如果你有像“的Default.asp” asp.net页面设计一个按钮，您要创建CSS文件，并指定属性的一个按钮，标签或其他控制器。那么首先创建一个CSS页面

在项目右键单击
添加新项
选择样式表

现在你有现在的CSS页面在你的CSS网页编写代码，这些（stylesheet.css中）

stylesheet.css中

.mybtnstyle
{
 border:1px solid Red;
 background-color:Red;
 border-style:groove;
 border-top:5px;
 outline-style:dotted;
}

Default.asp的

{

  <head> 
  <title> testing.com </title>
 </head>
<body>
 <b>Using Razer<b/>
<form id="form1" runat="server">
 <link id="Link1" rel="stylesheet" runat="server" media="screen" href="Stylesheet1.css" />
 <asp:Button ID="mybtn" class="mybtn" runat="server" Width="339px"/>
 </form>
 </body>
</html>

}

Answer 6:

你可以只风格你的CSS文件的输入元素。这就是那么独立的ASP.NET的。

<form action="">
    Name: <input type="text" class="input" />
    Password: <input type="password" class="input" />
    <input type="submit" value="Submit" class="button" />
</form>
CSS
.input {
    border: 1px solid #006;
    background: #ffc;
}
.button {
    border: 1px solid #006;
    background: #9cf;
}

随着CssClass您可将"input"类吧。

Answer 7:

你提到的答案将被应用到所有按钮。你应该试试这个：

input[type="submit"].someclass {
    //somestyle}

并确保您添加到您的按钮：

CssClass="someclass"

Answer 8:

<asp:LinkButton ID="mybutton" Text="Link Button" runat="server"></asp:LinkButton>

随着悬停效果：

 #mybutton
        {
            background-color: #000;
            color: #fff;
            font-size: 20px;
            width: 150px;
            font-weight: bold;
        }
        #mybutton:hover
        {
            background-color: #fff;
            color: #000;
        }

http://www.parallelcodes.com/asp-net-button-css/

文章来源: How to set css style to asp.net button?