如何将CSS样式设置为asp.net按钮？

Question

我有一个asp:Button,我使用css样式和cssClass属性asp:Button,但这些样式不起作用.当我使用asp:LinkButton这些样式运作良好.我不希望任何主题或皮肤的样式.

这是我的asp页面:

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

这是我的CSS:

.smallButton 
{
  //styles
}

当我将asp:Button更改为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

您可以使用CssClassattribute并将值作为css类名传递

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

.button
{
     //write more styles
}

Answer 4

没有人想要使用类的混乱,试试这个:

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

Intellisense不会建议它,但它会完成工作而不会抛出错误,警告或消息.不要忘记风格中的首都S.