Código:
Para poder estilizar esto con css utilice un plugin de javascript:<select id='designfields' name='designfields'> <option value=http://myweb.com.ar/portfolio/>All Fields</option> <option value=http://myweb.com.ar/tag/branding/>Branding</option> <option value=http://myweb.com.ar/tag/print-design/>Print Design</option> <option value=http://myweb.com.ar/tag/web-design/>Web Design</option> <option value=http://myweb.com.ar/tag/ui-design/>UI Design</option> <option value=http://myweb.com.ar/tag/motion-graphics/>Motion Graphics</option> <option value=http://myweb.com.ar/tag/illustration/>Illustration</option> </select>
[URL="https://github.com/claviska/jquery-selectBox/blob/master/jquery.selectBox.js"]https://github.com/claviska/jquery-selectBox/blob/master/jquery.selectBox.js[/URL]
Con este plugin pude estilizarlo perfectamente, convierte los <option> en <li> y esconde el <select> original.
Pero el problema es que no funcionan los links al ser convertido por este plugin, es decir que no me convierte los option value en links dentro de los <li>.
Creo que el problema se encuentra dentro de este archivo jquery.selectbox.js deberia tomar el option value dentro de una variable y ejecutarla en la linea 115 si no estoy equivocado.
Conosco poco de javascript y necesito un poco de ayuda con esto,
desde ya muchas gracias.