Ayuda alguien sabe dar estilos css a un select?
827 views
Skip to first unread message
Area Naranja
Mar 18, 2010, 1:32:09 PM3/18/10
to Grupo de programadores PHP de Barcelona
Hola como están
Alguien sabe como dar estilos css a un select?
Agradecería mucho su ayuda
Att. Ivan
Víctor González
Mar 22, 2010, 9:31:54 AM3/22/10
to phpbar...@googlegroups.com
Muy buenas... a ver... es "tan simple" como usar
select { valores de css }
option { para los valores del desplegable }
Si das un poco mas de info quizas es mas facil ayudarte...
select { valores de css }
option { para los valores del desplegable }
Si das un poco mas de info quizas es mas facil ayudarte...
2010/3/18 Area Naranja <arean...@gmail.com>
--
Has recibido este mensaje porque estás suscrito al grupo "Grupo de programadores PHP de Barcelona" de Grupos de Google.
Para publicar una entrada en este grupo, envía un correo electrónico a phpbar...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a phpbarcelona...@googlegroups.com
Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/phpbarcelona?hl=es.
areá naranja
Mar 22, 2010, 9:39:15 AM3/22/10
to phpbar...@googlegroups.com
Hola
Si la idea es redondear las puntas a un selec, para que no quede como el selec que viene por defecto.
Espero me haya hecho entender
Gracias por su ayuda
Att. Ivan
César Escribano
Mar 22, 2010, 8:50:19 PM3/22/10
to phpbar...@googlegroups.com
hola a todos,
El soporte de css de los elementos de formulario en general es muy pobre. Cosas como padding, border e incluso background-color se interpretan de forma distinta en cada navegador. Para lo que quieres, lo mejor es usar una imagen gif o png y colocarla como background-image del select.
Usando una imagen tendrás que usar siempre el mismo ancho para el select, pero te aseguras que se verá igual en cualquier navegador. Si necesitas un select más ancho con el mismo diseño, solo tienes que crear otra clase css con otra imagen más ancha.
También hay trucos para hacer selects de distinto ancho con la misma imagen, metiendo el select en un div con el mismo background y haciendo que se solapen, pero solo es util cuando tienes selects de ancho muy variable. Si no, es mejor lo de crear varias imágenes.
saludos!
César
El soporte de css de los elementos de formulario en general es muy pobre. Cosas como padding, border e incluso background-color se interpretan de forma distinta en cada navegador. Para lo que quieres, lo mejor es usar una imagen gif o png y colocarla como background-image del select.
Usando una imagen tendrás que usar siempre el mismo ancho para el select, pero te aseguras que se verá igual en cualquier navegador. Si necesitas un select más ancho con el mismo diseño, solo tienes que crear otra clase css con otra imagen más ancha.
También hay trucos para hacer selects de distinto ancho con la misma imagen, metiendo el select en un div con el mismo background y haciendo que se solapen, pero solo es util cuando tienes selects de ancho muy variable. Si no, es mejor lo de crear varias imágenes.
saludos!
César
César Escribano
Mar 22, 2010, 10:06:26 AM3/22/10
to phpbar...@googlegroups.com
el soporte de css de los
elementos de formulario (input, textarea, button, select) en general es
muy pobre. Lo unico que funciona bien en todos los navegadores es
border y background. También suele haber problemas con padding, width,
height, line-height, etc, que no siempre se interpretan igual.
Para redondear la forma de un select, lo mejor es usar una imagen gif o png y colocarla como background-image del select. Lógicamente no podrás tener selects de distinto ancho con la misma imagen, pero te aseguras que se verá igual en cualquier navegador. Si necesitas un select más ancho con el mismo diseño, tienes que crear otra clase con otra imagen más ancha.
También hay trucos para hacer selects de distinto ancho con la misma imagen, metiendo el select en un div con el mismo background y haciendo que se solapen, pero solo es util cuando tienes selects de ancho variable, si no es mejor crear varias imágenes.
saludos,
César
Para redondear la forma de un select, lo mejor es usar una imagen gif o png y colocarla como background-image del select. Lógicamente no podrás tener selects de distinto ancho con la misma imagen, pero te aseguras que se verá igual en cualquier navegador. Si necesitas un select más ancho con el mismo diseño, tienes que crear otra clase con otra imagen más ancha.
También hay trucos para hacer selects de distinto ancho con la misma imagen, metiendo el select en un div con el mismo background y haciendo que se solapen, pero solo es util cuando tienes selects de ancho variable, si no es mejor crear varias imágenes.
saludos,
César
El 22/03/2010 14:39, areá naranja escribió:
Reply all
Reply to author
Forward
0 new messages