2010-06-25 7 views
6

quiero alinear contenedor de las opciones del elemento de selección a la derecha ... el valor por defecto está mostrando OPCIONES en la parte inferior izquierda del control ...selecciona OPCIONES de etiqueta alineado a la derecha

así cómo voy a mostrar OPCIONES alineadas con la PARTE INFERIOR DERECHA del elemento seleccionado?

cuidar ...

+1

Debido a su pregunta es vaga, que está recibiendo muchas soluciones diferentes. Por favor, vuelve a redactar tu pregunta. – Tass

Respuesta

6

Mientras que las otras respuestas son correctas, y se puede utilizar el atributo style, que estaría mejor usando un archivo CSS externo.

En su documento HTML, añadir un <link> a su archivo CSS en el <head> del documento:

<head> 
    <title>Example</title> 
    <link type="text/css" rel="stylesheet" href="path/to/the/file.css" /> 
</head> 

Dé su elemento <select> (o el <option>) un atributo class.

<select class="JamalAbdulNasir"> 
    <option class="Jamal">Jamal</option> 
    <option class="Abdul">Abdul</option> 
    <option class="Nasir">Nasir</option> 
</select> 

En su hoja de estilo incluyen una regla CSS que tiene como objetivo que <select> etiqueta por class atributo.

select.JamalAbdulNasir { 
    text-align:right; 
} 

... o la <option> etiqueta que desea estar alineado a la derecha.

input.Abdul { 
    text-align:right; 
} 
+0

sir esto también está bien ... pero no quiero esto ... lo que quiero es alinear el DERECHO DE TODO el contenedor de OPTIONS al PARTE INFERIOR DERECHA del elemento seleccionado. Espero que lo haya conseguido ... –

+5

No entiendo totalmente :( –

+0

Creo que quiere que el bloque (con las opciones) que se gasta esté alineado a la derecha. Pero creo que esto es un problema del navegador. vea esto a veces cuando tiene un 'seleccionar' ancho y está en la esquina de su pantalla. También ve que los elementos se colocan arriba de la selección y no debajo de ella. Pero la pregunta no es clara, así que puedo estar equivocado :) –

0

Si entiendo su pregunta:

<select style="text-align:right;"> 
<option >asd</option> 
<option>asdasd</option> 
<option>asdasd</option> 
<option>asdasd</option> 
</select> 
+0

Esto alinea el elemento seleccionado actual a la derecha de la selección, pero no para las opciones como él sugirió. –

+0

no no no ... no estoy hablando del texto OPCIONES ... estoy hablando del contenedor de OPCIONES ... el texto está bien ... –

+1

2 ILMV - He intentado este código en la opera. Todas las opciones se alinearon a la derecha, no solo seleccionadas. P.S.> Lo siento por mi inglés – GOsha

0
<option value="1" style="text-align: right;"> 
test?</option> 
+1

Esto no funciona –

+0

no no no ... no estoy hablando del texto OPCIONES ... estoy hablando del contenedor de OPCIONES ... el texto está bien ... –

+0

@ILMV lo siento, estaba pensando para decir