Wie man css Stil zu asp.net Knopf setzt?

Ich habe eine ASP: Button, ich habe CSS-Stile mit CSS-Eigenschaft in , aber diese Stile funktionieren nicht. Wenn ich verwende, funktionieren diese Stile gut. Ich will keine Themen oder Skins für Stile.Wie man css Stil zu asp.net Knopf setzt?

Dies ist mein asp Seite:

.smallButton 
{ 
    //styles 
}

Wenn ich asp ändern:

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

Das ist mein CSS-Taste, um asp: Linkbutton

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

oder

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

Stile funktionieren gut. Nur Problem mit dem Asp: Button-Steuerelement

Quelle

2012-08-29 Sujanth

bitte zeigen Sie uns Code. Wie erwarten Sie, dass wir raten, was Sie falsch gemacht haben? –

Können Sie den HTML-Code angeben, den die ASP.NET-Schaltfläche generiert. – Erwin

@Sujanth Wenn die Antworten Ihnen geholfen haben, sollten Sie es akzeptieren. Danke. – freebird

Ich fand die Codierung ...

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

Dies ist die Lösung für mein Problem passieren .... Vielen Dank für die wertvollen Antworten .......

Quelle

2012-09-03 04:33:40 Sujanth

Sie können einen class zu Ihrem ASP.NET Button zuweisen und dann den gewünschten Stil anwenden.

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

CSS:

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

Quelle

2012-08-29 12:16:35 freebird

Ich benutze den gleichen Weg, aber dies funktioniert nicht für asp: Button-Steuerelement, aber das funktioniert mit asp: LinkButton und Image Button-Steuerelemente – Sujanth

@Sujanth Vielleicht können Sie versuchen, den Cache aus dem Browser löschen und versuchen Sie es erneut. Der Code scheint in Ordung. – freebird

Vorsicht mit diesem. ASP.Net überschreibt das CSS-Feld. Wenn Sie zum Beispiel die Schaltfläche deaktivieren, wird die CSS-Klasse mit "deaktiviert" überschrieben. Verwenden Sie den bereitgestellten Setter CssClass, damit ASP.Net beim Festlegen der CSS-Klassen koordinieren kann. –

Sie könnten nur das Eingabeelement in Ihrer CSS-Datei stylen. Das ist dann unabhängig von 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; 
}

Mit dem CssClass Sie können die "input" Klasse zuweisen.

Quelle

2012-08-29 12:17:36 Remy

Aber dann verwenden Sie keine Serversteuerelemente und wir sind nicht sicher, ob das hier der Benutzer möchte. – Steve

Es ist im Grunde, was alle anderen hier vorgeschlagen haben. – Remy

Alle hier verwendeten Serversteuerelemente in ihren Beispielen. Nicht pingelig, aber asp.net nutzt Server-Kontrollen aus einem Grund. Zugegeben, Sie hätten diesen Steuerelementen ein runat-Tag hinzufügen und voila. – Steve

können Sie CssClass Attribut und einen Wert als CSS-Klasse Namen

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

.button 
{ 
    //write more styles 
}

Quelle

2012-08-29 12:24:52

Die Antwort, die Sie erwähnt haben, wird auf alle Tasten angewendet. Sie sollten dies versuchen:

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

Und stellen Sie sicher, dass Sie diese auf Ihre Schaltfläche hinzu:

CssClass="someclass"

Quelle

2013-03-19 17:29:07 Nandolcs

Wenn Sie auf eine Schaltfläche in asp.net-Seite, wie „Default.asp“ haben und Sie möchten Erstellen Sie eine CSS-Datei und bestimmte Attribute für eine Schaltfläche, Beschriftungen oder andere Controller. Dann zunächst eine CSS-Seite

Rechtsklick auf Projekt erstellen
neues Element hinzufügen
Select Sheet

jetzt haben Sie eine CSS-Seite jetzt diesen Code in Ihrer CSS Seite schreiben (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>

}

Quelle

2014-02-11 06:06:26

niemand eine Klasse die Unordnung der Verwendung gehen will, versuchen Sie dies :

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

Intellisense wird es nicht vorschlagen, aber es wird die Aufgabe erledigt, ohne Fehler, Warnungen oder Nachrichten zu werfen. Vergessen Sie nicht, die Hauptstadt S in Stil

Quelle

2015-03-11 18:52:46

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

Mit Hover Effekte:

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

Quelle

2015-07-04 11:22:45

Wie man css Stil zu asp.net Knopf setzt?

Antwort

Verwandte Themen