Как я могу установить выравнивание для ListItem в DropDownList? - PullRequest
Новая
       18

Как я могу установить выравнивание для ListItem в DropDownList?

3 голосов
/ 04 августа 2011

В моем aspx-файле есть DropDownList: 

<asp:DropDownList runat="server" ID="MaxRec">
  <asp:ListItem>10</asp:ListItem>
  <asp:ListItem>50</asp:ListItem>
  <asp:ListItem>100</asp:ListItem>
  <asp:ListItem>150</asp:ListItem>
  <asp:ListItem Selected="True">200</asp:ListItem>
</asp:DropDownList>

В Chrome это выглядит так:

DDL

Как я могу установить выравнивание по всем элементам ListItems по правому краю, чтобы значения были правильно выровнены? Я попытался установить style = "text-align: right" в DropDownList и ListItems, но это не имеет никакого эффекта. Мне нужно решение, которое также работает на Chrome .

Спасибо за ответы!

Ответы [ 2 ]

3 голосов
/ 04 августа 2011

Добавление следующего стиля приведет к выравниванию чисел по мере необходимости, но сместит стрелку выпадающего меню влево, а не вправо.

Кроме этого, я предполагаю, что невозможность выравнивания по правому краю может бытьограничение в Chrome. 

.drop-down-list
{
    direction: rtl;
}
3 голосов
/ 04 августа 2011

у меня работает следующий код 

<head>
    <style type="text/css">
          select.myDropDownList {
            text-align: right;
          }
        </style>
 </head>  


 <asp:DropDownList ID="myDropDownList" Runat="server" CssClass="myDropDownList">
   <asp:ListItem>10</asp:ListItem>
    <asp:ListItem>50</asp:ListItem>
    <asp:ListItem>100</asp:ListItem>
     <asp:ListItem>150</asp:ListItem>
 </asp:DropDownlist>
...