2012-03-31 17 views
0

Html.DropDownListと他のコントロールをさまざまなMVC3ユーザーデータ入力フォームで使用しています。DropDownList:選択されていない選択のスタイル

ユーザーがレコードデータ値を編集中で、DropDownListの値を指定していない場合、[Select One]のオプションラベルテキストが入力フィールドに表示されます。

「1つを選択」が別のフォントの色(青色)でデータ値ではないというデータの画面を表示しているときに、エンドユーザーがよりわかりやすくしたいと考えています。斜体で表示されます。

これを実現する方法はありますか?

答えて

0

DropDownListが必要な場合は、何とか標準の赤色の「*」を使用して、そのフィールドを再注文してください。ユーザーがフォームを送信すると、クライアント側の検証で、このフィールドが必須であることをユーザーに知らせるメッセージが表示されます。

0

<select> HTML要素のカスタマイズレベルはかなり制限されています。 IIRCあなたは色を変えることができるが、私はあなたがイタリック体でそれを示すことができることを確認していない:

@Html.DropDownListFor(
    x => x.Foo, 
    Model.Foos, 
    "-- select a foo --", 
    new { @class = "foo" } 
) 

、その後、あなたのCSSファイルで.fooルール定義:あなたはより多くのカスタマイズをしたい場合は

.foo option:first-child { 
    color: red; 
} 

を標準<select>要素のルック・アンド・フィールでは、available jQuery pluginsの一部を見ているかもしれません。

関連する問題