Hola marx-pola:
'checa' este enlace
librosweb en el archivo .pdf que tienes ahí, en las pág. 119 y siguientes tienes todo lo relativo a las listas, viñetas personalizadas, etc.
Sobre tu pregunta sobre las flechitas, podrás colocarlas añadiendo esto:
Código:
background: #fff url('images/flechita.png') no-repeat left;
donde, como me imagino que sabes, flechita.png es la imagen que quieres que te aparezca en este caso a la izquierda.
Puedes hacerla en .jpg y fondo del mismo color que el usado en el background para que se integre correctamente.
Del mismo texto, pág. 146
Código:
La pseudo-clase :focus permite definir el estilo del campo seleccionado de forma sencilla:
input:focus {
border: 2px solid #000;
background: #F3F3F3;
}
Desafortunadamente, Internet Explorer 6 y las versiones anteriores no soportan la pseudo-clase :focus y es preciso recurrir a soluciones con JavaScript.
Espero te sirva.