0

aspドロップダウンリストのスタイルを設定したいのですが、オンラインで見つけたすべてのソリューションはすべて、select要素を持つドロップダウンリストに関連しています。現在、ブートストラップを使用して以下に示す出力を取得しようとしていますが、以下に示す出力を達成できる限り、css や jquery などの他の方法を使用することもできます。

これは私が現在持っている出力です:

ここに画像の説明を入力 これは私が達成したい出力です: ここに画像の説明を入力 これは私のコードです:

    //aspx file
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="Scripts/jquery-1.8.0.min.js"></script>
    <script src="Scripts/bootstrap-select.min.js"></script>
    <link href="Content/bootstrap-select.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"/>

<script type="text/javascript">

    $(document).ready(function () {

        $(".form-control").form - control();

    });

</script>

            <asp:DropDownList ID="DropDownList" runat="server" Width="136px" OnSelectedIndexChanged="ddl_SelectedIndexChanged" AutoPostBack="True" ForeColor="Black" CssClass="form-control">

助けてくれてありがとう!!

4

1 に答える 1

0

前に言ったように、達成しようとしているのはボタンのドロップダウンです。次のように、ブートストラップ クラスbtn btn-defaultをドロップダウンに追加する必要があります。

<asp:DropDownList ID="DropDownList" runat="server" Width="136px" OnSelectedIndexChanged="ddl_SelectedIndexChanged" AutoPostBack="True" ForeColor="Black" CssClass="btn btn-default form-control">


<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select class="btn btn-default">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

テスト用のペンを作成しましたここでテストしてください

于 2015-10-27T18:34:48.330 に答える