0

こんにちは、CSS と JavaScript を使用してドロップダウン リストのスタイルを設定しようとしています。私が直面している唯一の問題は、MVC でモデルを使用していて、ツールが異なるため、select タグを使用していないことです。

現時点では、これが私がドロップダウンリストを表示して入力する方法です

<%: Html.DropDownListFor(model => model.teamIdAway, Model.getTeams, new { style = "width: 135px" })%>

モデルからこれを設定します

誰か基本的なコードを教えてもらえますか、ドロップダウンリストのスタイルを設定するにはどうすればよいですか

ありがとう

4

1 に答える 1

0

Html.DropDownListForをレンダリングするので、タグ<select>を使用していないと言っている理由がわかりません。<select>

CSS はサーバー側のコードを気にせず、レンダリングされた HTML のみを扱います。そのため、問題が発生した場合は、レンダリングされた HTML と CSS を常に表示してください。

とにかく、<select>要素のスタイルを設定するには ( <select>CSS では「置換要素」であるため、スタイル設定の機会は限られていますが、クールなことを行うことができます: http://bavotasan.com/2011/style-select-box-のみのcssを使用して/

次のように、CSS で要素セレクターを使用できるように、のid=""属性をオーバーライドできます。<select>

<%: Html.DropDownListFor(model => model.teamIdAway, Model.getTeams, new { id = "mySelect" })%>

#mySelect { width: 135px; }

ただし、これDropDownListForを部分ビューで使用している場合、id=""属性はドキュメント内で一意にならず、これは違法です。子孫セレクターなど、コンテキストを利用する別のセレクターを使用してみてください。

于 2013-06-12T23:42:24.447 に答える