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

我有一个asp：Button，我使用cssClass属性在asp:Button中的css样式，但这些样式不起作用。当我使用asp:LinkButton时，这些样式运行良好。我不想要样式的任何主题或皮肤。如何将css样式设置为asp.net按钮？

这是我的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：按钮控件

来源

2012-08-29 Sujanth

请告诉我们的代码。你如何期待我们猜测你做错了什么？ –

你可以提供asp.net按钮生成的html吗？ – Erwin

@Sujanth如果答案对您有帮助，您应该接受它。谢谢。 – freebird

我发现了编码...

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

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

来源

2012-09-03 04:33:40 Sujanth

您可以将class分配给您的ASP.NET按钮，然后将所需的样式应用到它。

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

CSS：

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

来源

2012-08-29 12:16:35 freebird

我使用相同的方式，但这不是为asp工作：按钮控制，但这是与asp：LinkButton和图像按钮控件 – Sujanth

@Sujanth也许你可以尝试从浏览器清除缓存，然后再试一次。代码似乎好的。 – freebird

小心这个。 ASP.Net将覆盖CSS字段。例如，如果您将按钮设置为禁用，则CSS类将被“禁用”覆盖。使用提供的setter CssClass，以便ASP.Net在设置css类时可以进行协调。 –

你可以只风格你的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"类分配给它。

来源

2012-08-29 12:17:36 Remy

但是，你不使用服务器控件，我们不确定这是用户在这里想要的。 – Steve

这基本上是其他人在这里建议的。 – Remy

这里的每个人都在他们的例子中使用了服务器控件。不挑剔，但asp.net利用服务器控件的原因。当然，你可以在这些控件上添加一个runat标签，并且瞧。 – Steve

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

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

.button 
{ 
    //write more styles 
}

来源

2012-08-29 12:24:52

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

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

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

CssClass="someclass"

来源

2013-03-19 17:29:07 Nandolcs

如果你有像“的Default.asp” asp.net页面设计一个按钮，你想为按钮，标签或其他控制器创建CSS文件和指定的属性。然后，首先对项目创建CSS页面

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

现在你有现在的CSS页面在你的CSS网页编写这些代码（样式表。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>

}

来源

2014-02-11 06:06:26

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

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

智能感知不会建议它，但它会完成工作而不会抛出错误，警告或消息。不要忘了大写的S风格

来源

2015-03-11 18:52:46

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

来源

2015-07-04 11:22:45

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

回答

相关问题