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!!