2010-08-22 15 views

Respuesta

4
button{ 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

O

input[type="button"]{ 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 
+2

El segundo ejemplo es ** no ** CSS3. El selector de atributos ya existe en CSS2.1. Solo se expandió en CSS3. http://www.w3.org/TR/CSS2/selector.html#attribute-selectors –

+0

Han actualizado la respuesta :) Gracias. – Aman

+0

IMO, este artículo merece ser marcado como la respuesta; IOW, creo que merece una marca verde. –

26

Si los botones son <input type="button"> o se someten, entonces esto debe hacerlo:

input[type="button"], input[type="submit"] { 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

De lo contrario, si los botones son <button>:

button { 
    color:#050; 
    font: old 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 

a agarrar los tres tipos de botones:

button, input[type="button"], input[type="submit"] { 
    color:#050; 
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed; 
    border:1px solid; 
    border-color: #696 #363 #363 #696; 
} 
+0

estoy usando asp.net por lo que es como ashu

3
input[type=submit], input[type=button], button { 
    ... 
} 
1

sólo una nota

input[type="button"] 

no va a trabajar en los navegadores antiguos como IE6. Si eso es un problema, lamentablemente deberá agregar su clase a cada elemento.

+0

@all .. thxs 2 all – ashu

2

Si no desea establecer explícitamente todos los estilos, pero desea usar los estilos ya definidos en alguna clase preexistente (por ejemplo, la clase bootstrap btn-default), podría hacer algo como esto:

<script> 
$("button").addClass("btn-default"); 
</script> 

En mi caso esto era lo que estaba buscando, aunque estoy seguro de que hay algún tipo de advertencia sobre hacerlo de esta manera, o esperaría que fuera algo factible directamente desde CSS.

Cuestiones relacionadas