El lun, 05-12-2005 a las 11:40 -0500, José Kusunoki Gutiérrez escribió:
> Hola amigos, quería hacerles una consulta, hay alguna forma de cambiar
> el aspecto de los formularios utilizando hojas de estilo pero
> sin ponerle el "class=" a cada objeto, vamos a suponer que
> tengo un div que se llame "busqueda" y quiero que dentro de ese
> div todos los textfield tengan cierto color y todos los submit
> tengan cierto aspecto, hay forma de hacerlo sin usar el campo
> "class=" en cada objeto?
Suponga que tenemos la siguiente estructura:
...
<label for="obj">Object:</label>
<input type="text" value="" maxlength="25" tabindex="1" title="Bla bla"
name="obj" id="obj" />
<input id="submit" title="Presiona este boton para enviar el formulario"
type="submit" />
...
Puedes controlar la presentacion haciendo uso de los identificadores de
cada 'input', solamente expresando lo siguiente desde tu hoja de estilos
en cascada:
#obj {}
#submit {}
Para el boton de enviar tambien puedes hacer esto en la estructura...
<label for="obj">Object:</label>
<input type="text" value="" maxlength="25" tabindex="1" title="Bla bla"
name="obj" id="obj" />
<button name="enviar" value="enviar" type="submit">Enviar
formulario</button>
Por lo cual podrias controlar la presentacion solamente haciendo uso de
los selectores mas no de los identificadores, de la siguiente manera:
input {}
buttom {}
Ahora bien, lo siguiente puede resultar contradictorio, puesto que
estamos usando ciertas caracteristicas de CSS algo avanzadas y que no
estan soportadas en todos los navegadores. Por ejemplo:
<label for="obj">Object:</label>
<input type="text" value="" maxlength="25" tabindex="1" title="Bla bla"
name="obj" id="obj" />
<input id="submit" title="Presiona este boton para enviar el formulario"
type="submit" />
Esta es la misma estructura que al principio, pero en esta ocasion no
hare uso de los identificadores:
input [type="text"]{ /* presentacion para los input con tipo igual a
text */ }
input [type="submit"]{ /* presentacion para los input con tipo igual a
submit */ }
En realidad no te recomiendo esta ultima solucion, aunque todos
esperamos porque pronto sea implementada por todos los navegadores ;)
Un saludo:
--
Milton Mazzarri, a.k.a. [MilMazz]
Usuario de GNU/Linux: #369158
Ubuntu Linux
http://www.milmazz.com
http://ubuntuchannel.org
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
