3

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 の配置を右に設定するにはどうすればよいですか? DropDownList と ListItems で style="text-align:right" を設定しようとしましたが、効果はありません。Chromeでも動作するソリューションが必要です。

返信ありがとうございます。

4

2 に答える 2

3

以下のコードは私のために働きます

<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>
于 2011-08-04T08:48:24.977 に答える
3

次のスタイルを追加すると、必要に応じて数字が整列しますが、ドロップダウン矢印が右ではなく左に移動します。

これを使用する以外に、選択オプションを右揃えできないことがChromeの制限である可能性があると思います。

.drop-down-list
{
    direction: rtl;
}
于 2011-08-04T08:51:00.977 に答える