Cómo hacer un menú selecto con esquinas redondeadas

Estoy tratando de css un menú de selección con esquinas redondeadas, pero mi manipulación no ha tenido tanta suerte, ¿alguna sugerencia?

preguntado el 12 de junio de 12 a las 17:06

Si está usando el select elemento, entonces son difíciles de diseñar ya que normalmente/en su mayoría son representados por el sistema operativo/plataforma en lugar del navegador; por lo que no se aplica todo el CSS. Y, en todos los navegadores, las diferencias entre lo que se aplica y lo que no se aplica se vuelven más difíciles de predecir. -

3 Respuestas

Estas reglas hacen esquinas redondeadas, debes agregar tu código para que pueda ayudarte un poco más

  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

Respondido el 12 de junio de 12 a las 17:06

En general, si desea un estilo decente en un elemento seleccionado, debe crear su propio elemento simulado (a partir de DIV, listas y demás). Para preservar la funcionalidad del formulario, puede crear un SELECT oculto real y usar un script para sincronizar su estado con el elemento simulado con el que el usuario está interactuando.

Si eres fanático de jQuery, puedes usar jQuery UI para hacer mucho de esto por ti (ejemplo).

Respondido el 12 de junio de 12 a las 17:06

No soy experto en CSS pero creo que tendrás que hacer algo así.

#myDivID
{
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}

Espero que esto te ayude

Respondido el 12 de junio de 12 a las 17:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.