Efectos Css "flecha o bocadillo" y listas desplegables

[azuel]

Hola a todos, tengo dos pequeñas dudas que espero que sean faciles de solucionar xD

1º ¿Como puedo hacer en css+html un bocadillo o la flecha del bocadillo?
Lo que quiero es el efecto de triangulo, si no me entiende subo una foto

2º Como puedo cambiar el estilo a las listas deplegables de html
las de tipo

Código HTML:

<select name="" id="" size="5">
        <option value="val0" selected>sea zero</option>
        <option value="val1">sea one</option>
        <option value="val2">sea two</option>
        <option value="val3">sea three</option>
        <option value="val4">sea four</option>
      </select>
 

Gracias de antemano, un cordial saludo a todos!!

[C2am]

Hola
1- no entendí, no sé a que te refieres con bocadillo, solo sé que me dio hambre, jajaja.
2- Aplicar un estilo ya sea mediante id o un class, tanto en el select (afecta a todas las opciones), como en cada option.
Saludos

[sanxuan]

1. Lo habitual es usar una imagen para el pico del bocadillo y un div para el resto, salvo esquinas redondeadas, degradados, etc... que obligarán a usar algún div adicional y algunas imágenes. El bocadillo se oculta con visibility:hidden y se muestra mediante div.ClaseCorrespondiente:hover{ visibility:visible}
2. No tengo constancia de que funcione el CSS al 100% en formularios pero se está en ello.
Deberías poder usar la mayoría de las propiedades con cualquier etiqueta, bien directamente (select {} option{}) o incluyendo clases o id.

[azuel]

Muchas Gracias por sus respuestas!
Ya me keda claro que tengo que usar una imagen!

Gracias de verdad!

[kseso?]

Los selects y sus options son de los elementos que menos css admiten. El afectarlos vía css está muy limitado. Y hay cosillas que no se pueden modificar.
Pero siempre tiene la solución de crear una lista (ul/li/a) y aplicarle los estilos que necesite.