CSS en los textbox

borjagat · #1 (**permalink**) 20/09/2007, 13:36

Hola
Quiero aplicar un css para todos los textbox? hay algun metodo rápido pra no tener que ir indicando textbox por textbox el css?
Un saludo

Borja

u_goldman · #2 (**permalink**) 20/09/2007, 14:07

Puedes hacer cascading de esta manera:

Código:

.clase input
{

}

<div class="clase">
   <input type="text" id="texto" value="" />
</div>

Movido desde ASP

txels · #3 (**permalink**) 20/09/2007, 14:45

Efectivamente puedes hacerlo con CSS en cascada, pero yo creo que te será más sencillo así, entre tus etiquetas de <head> y </head> mete esto:

<style type="text/css">
input {
height:12px;
width:120px;
font-size:10px;

}

</style>

Eso te convertiría todos los textbox de tu página en texbox con 120px de ancho, 12 de alto y el texto de dentro a 10px de tamaño, pudes poner todas las propiedades que quieras...

u_goldman · #4 (**permalink**) 21/09/2007, 11:55

Cita:

Iniciado por txels

Efectivamente puedes hacerlo con CSS en cascada, pero yo creo que te será más sencillo así, entre tus etiquetas de <head> y </head> mete esto:

<style type="text/css">
input {
height:12px;
width:120px;
font-size:10px;

}

</style>

Eso te convertiría todos los textbox de tu página en texbox con 120px de ancho, 12 de alto y el texto de dentro a 10px de tamaño, pudes poner todas las propiedades que quieras...

De hecho en mi opinión, hacer "cascading" del elemento input es como que demasiado, mejor hacerlo a partir de una clase, y es mucho más recomendable separar la parte de css en un archivo css, por eso es que no lo puse entre etiquetas de style.

Saludos

shujidan · #5 (**permalink**) 08/04/2011, 19:19

input[type="text"]{
background-color:transparent;
background: url() no-repeat;
border: 1px solid lightblue;
}

En el type tecleas el control que quieras modificar, esto funciona para toda la pagina