Foros del Web » Creando para Internet » CSS »

un mismo CSS para varios botones

Estas en el tema de un mismo CSS para varios botones en el foro de CSS en Foros del Web. Buenas, Querría usar un mismo CSS para varios botones de una web. Alguien me indica como se podría hacer? No consigo sacarlo. Muchas gracias!!!...
  #1 (permalink)  
Antiguo 02/08/2012, 01:35
 
Fecha de Ingreso: mayo-2011
Mensajes: 1
Antigüedad: 13 años, 6 meses
Puntos: 0
un mismo CSS para varios botones

Buenas,

Querría usar un mismo CSS para varios botones de una web. Alguien me indica como se podría hacer? No consigo sacarlo.

Muchas gracias!!!
  #2 (permalink)  
Antiguo 02/08/2012, 04:16
Avatar de Karmac  
Fecha de Ingreso: agosto-2011
Ubicación: Bilbao
Mensajes: 196
Antigüedad: 13 años, 3 meses
Puntos: 34
Respuesta: un mismo CSS para varios botones

Código CSS:
Ver original
  1. .button {
  2.     border: 1px solid black;
  3.     background: #444;
  4.     padding: 8px 15px;
  5.     border-radius: 3px;
  6.     -moz-border-radius: 3px;
  7.     -webkit-border-radius: 3px;
  8. }

Y para usarlo aplicas la clase .button a un objeto:

Código HTML:
Ver original
  1. <div class="button">Botón</div>

Saludos!
  #3 (permalink)  
Antiguo 02/08/2012, 04:17
Avatar de dontexplain  
Fecha de Ingreso: junio-2012
Mensajes: 536
Antigüedad: 12 años, 5 meses
Puntos: 127
Respuesta: un mismo CSS para varios botones

Existen varias decenas de posibilidades ya que css es estructural y selectivo.

Usa una clase para todos los botones

<button class='boton'></button>
<button class='boton'></button>

.boton{
reglas css
}

Otra posibilidad es aplicar la regla para todos los botones del sitio

button{
reglas css
}

Otra posibilidad es aplicar la regla para los botones dentro de un div con id único o sin él

#capa button{
reglas css
}

Otra posibilidad es aplicar la regla para los botones cuyo atributo coincida con algo

<button atributo='a'></button>
<button atributo='a'></button>

button[atributo=a]{
reglas css
}

[.......]

Un saludo.
__________________
21añero.
HTML/CSS, PHP, JS/jQuery, Mysql; NodeJS/Socket.io (& V8); C++ ; Python (wxpy); Ensamblador.
Músico (clarinetista/pianista) y compositor

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:16.