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

У меня есть DropDownList в моем файле aspx, например:

<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.

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


drop-down-menu alignment asp.net webforms listitem
person Răzvan Flavius Panda    schedule 04.08.2011    source источник

Ответы (2)


arrow_upward
3
arrow_downward

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

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

.drop-down-list
{
    direction: rtl;
}
person jdavies    schedule 04.08.2011
comment
+1 Круто, это работает, но, как вы сказали, стрелка оказывается на другой стороне, но я надеюсь, что есть лучшее решение. - person Răzvan Flavius Panda; 04.08.2011

arrow_upward
3
arrow_downward

приведенный ниже код работает для меня

<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>
person Shebin    schedule 04.08.2011
comment
@Shebin: Это то, что я сказал в посте, который я пробовал, но он не работает в Chrome. - person Răzvan Flavius Panda; 04.08.2011