Выровняйте заголовок поля Bootstrap selectpicker справа - PullRequest
Новая
       26

Выровняйте заголовок поля Bootstrap selectpicker справа

0 голосов
/ 06 ноября 2019

Я создал select поле, используя Creative Tim's Material Dashboard Pro .

Я хочу выровнять поле выбора и его параметр вправо, но пока мне удалосьчтобы выровнять только параметры, но не их название или выбранный параметр:

Как видно на рисунке выше, только параметры выровнены поправо, но не заголовок поля.

Даже после выбора параметра заголовок по-прежнему выравнивается по левому краю, а неправо.

Это код, который я использую для создания этого поля select: 

<select class="selectpicker" data-style="select-with-transition" title="Select One" dir="rtl">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

Как выровнять заголовок поля select по правому краю?

Ответы [ 2 ]

0 голосов
/ 08 ноября 2019

Итак, я понял, как ее решить, используя HTML-теги внутри атрибута title и используя атрибут data-content, например: 

<select class="selectpicker" data-style="select-with-transition" title="<p style='text-align: right; margin-right: 30px;'>Select One</p>" dir="rtl">
    <option data-content="<p style='text-align: right; margin-right: 30px;'>A</p>" value="a">A</option>
    <option data-content="<p style='text-align: right; margin-right: 30px;'>B</p>" value="b">B</option>
    <option data-content="<p style='text-align: right; margin-right: 30px;'>C</p>" value="c">C</option>
</select>
0 голосов
/ 06 ноября 2019

Вы можете попробовать это в своем CSS 

.filter-option {
     text-align: right;
}

мой канал Youtube

...