0

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ではテキストが左に配置されていることですが、すべてのブラウザーで中央に配置したい...

解決策はありますか?

4

1 に答える 1