DropDownListでListItemの配置を設定するにはどうすればよいですか？

私はこのような私のaspxファイル内のDropDownList持っている：私は、右にあることを、すべてのListItem上の位置合わせを設定するにはどうすればよいDropDownListでListItemの配置を設定するにはどうすればよいですか？

DDL

：それはこのようにレンダリングChromeの場合

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

を値が正しく整列されるようにしますか？ DropDownListとListItemsにstyle = "text-align：right"を設定しようとしましたが効果がありません。 Chromeでも動作する解決策が必要です。

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

出典

2011-08-04 Răzvan Flavius Panda

のために動作しますが、代わりに右の左にドロップダウン矢印を移動します。

これ以外の選択肢を右揃えにすることができない場合は、Chromeでの制限がある可能性があります。

.drop-down-list 
{ 
    direction: rtl; 
}

出典

2011-08-04 08:51:00 jdavies

+1クール、それは動作しますが、あなたが反対側に矢印を置くと言ったように、より良い解決策があることを願っています –

以下のコードは、私の必要に応じて数字を整列させる次のスタイルを追加する

<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-04 08:48:24 Shebin

上記は多くのブラウザで機能しますが、chromeでは機能しません。 – jdavies

@Shebin：これは私が試したポストで言ったことですが、Chromeではうまくいきません。 –

DropDownListでListItemの配置を設定するにはどうすればよいですか？

答えて

関連する問題