CSS - Como poner PADING en cada item de ListBox

 
Vista:
sin imagen de perfil
Val: 11
Ha aumentado su posición en 11 puestos en CSS (en relación al último mes)
Gráfica de CSS

Como poner PADING en cada item de ListBox

Publicado por Halcón Divino (6 intervenciones) el 22/02/2019 18:52:50
Hola grupo

Tengo un control ListBox ASP.net

Como podría poner PADING en cada item del listbox
de tal forma que no se vean tan juntos los items de la lista
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 17
Ha aumentado su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Como poner PADING en cada item de ListBox

Publicado por Fabio (6 intervenciones) el 22/02/2019 22:55:13
Hola Halcon, no, me parece que no podes dejar mas espacio en las opciones de Listbox. Le vas a poder agrandar la letra del titulo del listbox, osea la opcion que se ve por defecto. Salvo que lo hagas con la JQuery, que te da mas opciones para modificar los list, le podes dar color y estilos.-
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 11
Ha aumentado su posición en 11 puestos en CSS (en relación al último mes)
Gráfica de CSS

Como poner PADING en cada item de ListBox

Publicado por Halcón Divino (6 intervenciones) el 23/02/2019 00:08:41
Fabio

Gracias por tus comentarios

Pues como dices …. aparentemente no se puede

Ya le he buscado pero no le encuentro

La verdad con JQuery no me he querido meter

Bueno si alguien mas tiene alguna solución que la pueda compartir hay se los agradecería.

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil
Val: 11
Ha aumentado su posición en 11 puestos en CSS (en relación al último mes)
Gráfica de CSS

Como poner PADING en cada item de ListBox

Publicado por Halcón Divino (6 intervenciones) el 24/02/2019 18:57:09
Continue investigando y finalmente ya encontré la forma de agregar pading a cada item del listbox

usando este estilo CSS en el LitsBox … el que da el espacio entre las opciones es el .ListBox option {padding-bottom: 15px; padding-top: 15px;}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.ListBox
{
    FONT-WEIGHT:bold;
    FONT-SIZE: 16px;
    FONT-FAMILY: Tahoma;
    COLOR: #007dc1; 
    background-color:#fff;
    TEXT-DECORATION:none;
    text-indent:25px;
    padding:15px;
    line-height:20px;
    border: 1px #dddddd solid; 
}
.ListBox option {padding-bottom: 15px; padding-top: 15px;}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 17
Ha aumentado su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Como poner PADING en cada item de ListBox

Publicado por Fabio (6 intervenciones) el 25/02/2019 04:24:46
Excelente aporte!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar