17

我有一个 asp:Button，我使用了带有 cssClass 属性的 css 样式asp:Button，但是这些样式不起作用。当我使用asp:LinkButton这些样式时效果很好。我不想要样式的任何主题或皮肤。

这是我的asp页面：

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

这是我的 CSS：

.smallButton 
{
  //styles
}

当我将 asp:Button 更改为 asp:LinkBut​​ton

<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 控件

4

9 回答 9

17

您可以将 a 分配class给您的ASP.NETButton，然后对其应用所需的样式。

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

CSS：

.mybtn
{
   border:1px solid Red;
   //some more styles
}
于 2012-08-29T12:16:35.237 回答
14

我找到了编码...

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

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

于 2012-09-03T04:33:40.633 回答
13

您可以使用CssClass属性并将值作为 css 类名传递 

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

.button
{
     //write more styles
}
于 2012-08-29T12:24:52.253 回答
8

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

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

Intellisense 不会建议这样做，但它会在不抛出错误、警告或消息的情况下完成工作。别忘了 Style 中的大写 S

于 2015-03-11T18:52:46.737 回答
2

如果您在 asp.net 设计页面中有一个按钮，例如“Default.asp”，并且您想要创建 CSS 文件并为按钮、标签或其他控制器指定属性。然后首先创建一个css页面

  1. 右键单击项目
  2. 添加新项目
  3. 选择样式表

现在你有一个 css 页面现在在你的 css 页面中编写这些代码（StyleSheet.css）

样式表.css

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

默认.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-11T06:06:26.060 回答
1

您可以在 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-29T12:17:36.167 回答
0

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

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

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

CssClass="someclass"
于 2013-03-19T17:29:07.180 回答
0 
<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-04T11:22:45.383 回答
0 
  <asp:Button CssClass="button" style="color:black" Text="Submit" runat="server"></asp:Button>`
于 2022-01-14T14:22:14.147 回答