webForm アプリケーションのドロップダウンリストの項目 (オプション) を中央に配置する際に問題があります。
これは ddl を含むテーブルです。
<table class="grid">
<tr>
<td class="gridPagerCell">
<asp:LinkButton ID="lbFirstPage" runat="server" Text="<<" OnCommand="onPage_Command" CommandName="PAGING" CommandArgument="<<" />
</td>
<td class="gridPagerCell">
<asp:LinkButton ID="lbPreviosPage" runat="server" Text="<" OnCommand="onPage_Command" CommandName="PAGING" CommandArgument="<" />
</td>
<td class="gridPagerCell">
<asp:DropDownList id="ddlSelectedPage" runat="server" CssClass="gridPagerDropDownList" AutoPostBack="True" OnSelectedIndexChanged="ddlSelectedPage_SelectedIndexChanged" />
</td>
<td class="gridPagerCell">
<asp:LinkButton ID="lbNextPage" runat="server" Text=">" OnCommand="onPage_Command" CommandName="PAGING" CommandArgument=">" />
</td>
<td class="gridPagerCell">
<asp:LinkButton ID="lbLastPage" runat="server" Text=">>" OnCommand="onPage_Command" CommandName="PAGING" CommandArgument=">>" />
</td>
<td style="width:100%; text-align:right;">
<asp:Literal ID="ltTotalCount" runat="server" />
</td>
</tr>
</table>
コード ビハインド i バインド ドロップダウンリスト:
if (!this.IsPostBack)
{
this.ddlSelectedPage.Items.Clear();
for (int i = 0; i <= Helper.GetCountOfGridPages(this.TotalRecords, this.GridPageSize) - 1; i++)
{
var item = new ListItem((i + 1).ToString(), (i + 1).ToString());
this.ddlSelectedPage.Items.Add(item);
}
}
これは CSS スタイルです:
.gridPagerDropDownList
{
width:125px;
text-align:center;
left: auto;
}
.grid
{
width:100%;
color: #000000;
}
.gridPagerCell
{
margin-right: 5px;
margin-left: 5px;
padding-right: 5px;
padding-left: 5px;
}
問題は、FFではドロップダウンリストのテキストがdllの中央に表示され、IEとChromeではテキストが左に配置されていることですが、すべてのブラウザーで中央に配置したい...
解決策はありますか?