¿Cómo establecer el estilo CSS en el botón asp.net?

Tengo un botón asp: he usado estilos css con la propiedad cssClass en asp:Button, pero esos estilos no funcionan. Cuando uso asp:LinkButton esos estilos funcionan bien. No quiero ningún tema o máscara para los estilos.¿Cómo establecer el estilo CSS en el botón asp.net?

Esta es mi página del ASP:

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

Ésta es mi CSS:

.smallButton 
{ 
    //styles 
}

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

estilos están funcionando bien. El único problema con la asp: Botón de control

Fuente

2012-08-29 Sujanth

favor nos muestran código. ¿Cómo esperas que adivinemos lo que hiciste mal? –

¿Puede proporcionar el html que genera el botón asp.net? – Erwin

@Sujanth Si las respuestas lo ayudaron, debe aceptarlo. Gracias. – freebird

I Found la codificación ...

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

Esta es la solución para mi problema .... Gracias a todos por las valiosas respuestas .......

Fuente

2012-09-03 04:33:40 Sujanth

Puede asignar class a su botón ASP.NET y luego aplicarle el estilo deseado.

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

CSS:

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

Fuente

2012-08-29 12:16:35 freebird

Lo estoy usando de la misma manera, pero esto no funciona para asp: control de botones, pero esto funciona con asp: control de botón LinkButton y de imagen – Sujanth

@Sujanth Quizás puedas intentar borrar el caché del navegador e intentarlo de nuevo. El código parece bien. – freebird

Cuidado con esto. ASP.Net sobrescribirá el campo CSS. Por ejemplo, si configura el botón deshabilitado, la clase css se sobrescribirá con "deshabilitado". Use el setter setter CssClass para que ASP.Net pueda coordinar cuando establece las clases de css. –

Se podía peinar el elemento de entrada en su archivo css. Eso es entonces independiente de 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 la CssClass puede asignar la clase "input" a ella.

Fuente

2012-08-29 12:17:36 Remy

Pero entonces no está usando los controles del servidor y no estamos seguros de si eso es lo que el usuario quiere aquí. – Steve

Básicamente es lo que todos los demás sugirieron. – Remy

Todos aquí usaron controles de servidor en sus ejemplos. No nitpicking, pero asp.net utiliza controles de servidor por una razón. De acuerdo, podrías haber agregado una etiqueta runat a estos controles y listo. – Steve

Puede utilizar CssClass atributo y pasa un valor como un nombre de clase CSS

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

.button 
{ 
    //write more styles 
}

Fuente

2012-08-29 12:24:52

La respuesta que mencionó se aplicará a todos los botones. Usted debe tratar de esto:

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

Y asegúrese de añadir esto a su botón:

CssClass="someclass"

Fuente

2013-03-19 17:29:07 Nandolcs

Si usted tiene un botón en la página asp.net diseño como "default.ASP" y que desea crea un archivo CSS y atributos especificados para un botón, etiquetas u otro controlador. A continuación, en primer lugar, crear una página css

clic derecho sobre el Proyecto
Añadir nuevo elemento
Seleccionar StyleSheet

ahora usted tiene una página css ahora anota los datos de código en su página de CSS (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>

}

Fuente

2014-02-11 06:06:26

nadie quiere ir a la confusión de la utilización de una clase, intente esto :

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

Intellisense no lo sugerirá, pero lo hará sin errores, advertencias o mensajes. No se olvide de la capital S en estilo

Fuente

2015-03-11 18:52:46

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

Con efectos de activación:

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

Fuente

2015-07-04 11:22:45

¿Cómo establecer el estilo CSS en el botón asp.net?

Respuesta

Cuestiones relacionadas