Alguien sabe qué estilos para input, textarea, select, etc. debo tener en mi hoja de

[clarat]

Hola a todos :)

Qué estilos tengo que tener en mi hoja de estilos CSS para poder asignar automáticamente estilo a lo siguiente:
select
textarea
input type="submit"
input type="radio"
input type="checkbox"
input type="text"

...Es decir, sin que tenga un estilo de este tipo (el cual tendría que aplicar a cada textarea en mi pág.):
.EstiloTextArea {border: 1px #000000 solid;}

Sino que al agregarlo a la hoja de estilos, automáticamente cambien de estilo los elementos mencionados...


De antemano, gracias

[leoj90]

Borde, letra, tamaño, color, ancho del borde, color, fondo.

Algo asi

Código:

.CLASE {
border: 1px solid #111111;
background-color: #00CCFF;
color: #0000CC;
font-size: 14px;
font-family: Arial;
overflow: auto;
}

Los radios y checkbox no tienen mas q un pequeño borde, lo demas no toma efecto.

[clarat]

Hola

Me refiero a que hay estos tipos de selectores:


------------------------------------------------
/*CSS sobre selector de etiquetas*/
body {
font-family: arial;
font-size: 12px;
color: black;
background-color: #cccccc;
}

------------------------------------------------

/*CSS sobre selector de identificador*/
#header {
background-color: #ff0000;
color: #ffffff;
font-size: 26px;
}
------------------------------------------------

/*CSS sobre selector de clase*/
.mi_clase {
margin: 5px;
height: 100px;
width: 200px;
}
------------------------------------------------



...de los elementos que mencioné en la pregunta original, quiciera saber si se pueden hacer estilos por medio de un selector de etiquetas (no de clase) y cuáles serían éstos.


Gracias

[pellagofio]

Si tu tienes, por ejemplo, en tu código HTML lo siguiente ...

Código HTML:

<input type="text" ... >
<textarea .... >
<select ....> 

En tu código CSS puedes poner ...

Código HTML:

select { ... }
textarea { ... }
select { ... }

Con esto asignas el estilo a todos los elementos select, textarea, etc.

De la misma forma que puedes hacer ...

Código HTML:

<table>
  <tr>
    <td>.... </td>
  </tr>
</table> 

y en el CSS poner ...

Código HTML:

td { ... }

aplicas el estilo a todos los td del HTML.

[clarat]

gracias :)