Come impostare lo stile css sul pulsante asp.net?

Ho un asp: Button, ho usato stili css con proprietà cssClass in asp:Button, ma quegli stili non funzionano. Quando uso asp:LinkButton questi stili funzionano bene. Non voglio temi o skin per gli stili.Come impostare lo stile css sul pulsante asp.net?

Questa è la mia pagina asp:

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

Questo è il mio CSS:

.smallButton 
{ 
    //styles 
}

Quando cambio asp: Button a 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>

stili stanno funzionando bene. Unico problema con l'asp: controllo pulsante

fonte

2012-08-29 Sujanth

prego ci mostra il codice. Come ti aspetti che indoviniamo cosa hai fatto di sbagliato? –

Puoi fornire l'html generato dal pulsante asp.net. – Erwin

@Sujanth Se le risposte ti hanno aiutato, dovresti accettarlo. Grazie. – freebird

ho trovato la codifica ...

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

Questa è la soluzione per il mio problema .... Grazie a tutti per le preziose risposte .......

fonte

2012-09-03 04:33:40 Sujanth

È possibile assegnare un class al pulsante ASP.NET e quindi applicare lo stile desiderato.

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

CSS:

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

fonte

2012-08-29 12:16:35 freebird

Sto usando allo stesso modo, ma questo non funziona per asp: controllo pulsante ma questo funziona con asp: LinkButton e controlli Pulsante Immagine – Sujanth

@Sujanth Forse puoi provare a svuotare la cache dal browser e riprovare. Il codice sembra tutto apposto. – freebird

Attenzione a questo. ASP.Net sovrascriverà il campo CSS. Ad esempio se si imposta il pulsante disabilitato la classe css verrà sovrascritta con "disabilitato". Utilizzare il setter CssClass fornito in modo che ASP.Net possa coordinare quando imposta le classi css. –

Si potrebbe semplicemente lo stile l'elemento di input nel file css. Questo è quindi indipendente da 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; 
}

Con il CssClass è possibile assegnare la classe "input" ad esso.

fonte

2012-08-29 12:17:36 Remy

Ma non si stanno utilizzando i controlli server e non siamo sicuri se questo è ciò che l'utente vuole qui. – Steve

Fondamentalmente è quello che hanno suggerito gli altri. – Remy

Tutti qui hanno utilizzato i controlli server nei loro esempi. Non fare il pignolo, ma asp.net utilizza i controlli del server per un motivo. Certo, potresti aver aggiunto un tag runat a questi controlli e voilà. – Steve

È possibile utilizzare l'attributo CssClass e passa un valore come un nome di classe CSS

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

.button 
{ 
    //write more styles 
}

fonte

2012-08-29 12:24:52

La risposta che hai citato verrà applicata a tutti i pulsanti. Si dovrebbe provare questo:

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

E assicurarsi che si aggiunge questo al pulsante:

CssClass="someclass"

fonte

2013-03-19 17:29:07 Nandolcs

Se si dispone di un pulsante nella pagina di disegno asp.net come "Default.asp" e si vuole creare file CSS e attributi specifici per un pulsante, etichette o altro controller. Allora prima di tutto creare una pagina css

clic destro sul progetto
Aggiungi nuovo elemento
Selezionare StyleSheet

ora avete una pagina css ora scrivere questi codice nella tua pagina CSS (Foglio di stile.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>

}

fonte

2014-02-11 06:06:26

nessuno vuole andare a l'ingombro di utilizzare una classe, provate questo :

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

Intellisense non lo suggerirà ma eseguirà il lavoro senza generare errori, avvisi o messaggi. Non dimenticare la S maiuscola in stile

fonte

2015-03-11 18:52:46

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

Con effetti Hover:

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

fonte

2015-07-04 11:22:45

Come impostare lo stile css sul pulsante asp.net?

risposta

Problemi correlati