如何將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按鈕？

回答

相關問題