ВЫБРАТЬ ОПЦИИ тега, выровненные вправо - PullRequest
6 голосов
/ 25 июня 2010

Я хочу выровнять контейнер OPTIONS элемента select вправо ... по умолчанию отображается OPTIONS в левом нижнем углу элемента управления ...

, так как я покажу OPTIONS, выровненные поПРАВИЛЬНОЕ Дно выбранного элемента?

береги себя ...

Ответы [ 5 ]

6 голосов
/ 10 февраля 2014

Вы можете использовать direction: ltr; или direction: rtl; для направления выравнивания текста

6 голосов
/ 25 июня 2010

Хотя другие ответы верны, и вы можете использовать атрибут style, вам лучше использовать внешний файл CSS.

В вашем HTML-документе добавьте <link> к вашему CSS-файлу в <head> документа:

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

Присвойте элементу <select> (или <option>) атрибут class.

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

В вашей таблице стилей есть правило CSS, которое предназначается для тега <select> по атрибуту class.

select.JamalAbdulNasir {
    text-align:right;
}

... или тег <option>, который вы хотите выровнять по правому краю.

input.Abdul {
    text-align:right;
}
0 голосов
/ 08 июля 2013

Я знаю, что это намного позже, но я знаю, как получить поле выбора влево или вправо, я не уверен, как его увеличить или уменьшить, но, надеюсь, это ответит на вопросы людей, ищущихответ, не обязательно для ОП.

<select style="float:right;">
<option >asd</option>
<option>asdasd</option>
<option>asdasd</option>
<option>asdasd</option>
</select>

Очевидно, можно изменить его на style = "float: left;", чтобы выровнять его влево.

0 голосов
/ 25 июня 2010
<option value="1" style="text-align: right;">
test?</option>
0 голосов
/ 25 июня 2010

Если я понимаю ваш вопрос:

<select style="text-align:right;">
<option >asd</option>
<option>asdasd</option>
<option>asdasd</option>
<option>asdasd</option>
</select>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...