Índice

La composición del menú

1. El objeto menú

Para el menú de selección de ciudad hemos creado una simple clase .menuCiudad: un fondo de color y un borde.

images/16OWT-10.png

2. El elemento preseleccionado del menú

En el anterior capítulo vimos que es posible elegir un elemento de un menú para que aparezca preseleccionado en el menú. Se trata del atributo selected:

<option value="29780" selected="selected">Nerja</option>

Si desea darle relevancia a este elemento, puede crear una nueva clase y aplicársela. Pero podemos hacerlo en todos los elementos que tengan este atributo con un selector muy particular.

En el panel Diseñador de CSS, pestaña Fuentes, seleccione <style>, para crear selectores internos, guardados en el archivo HTML.

En la pestaña @Medios, seleccione GLOBAL, no usamos consulta multimedia.

En la pestaña Selectores, haga clic en el botón +, Añadir selector.

En el campo de texto, escriba el selector option[selected=selected].

Esto permite aplicar el estilo a todos les elementos HTML de tipo option que tienen el atributo selected con el valor selected.

images/16OWT-11.png

En este ejemplo, el elemento preseleccionado tiene un fondo de color diferente al del menú.

images/16OWT-12.png

Atención, esto no funciona con todos los navegadores.