0

一般的なタイトルで申し訳ありませんが、作成したい要素を呼び出す方法がわかりません。それが私に必要なものです...私は画像を投稿しようとしましたが、まだ必要な特権を取得していません。だから病気はそれを説明しようとします。

ここスタックオーバーフローでは、質問のページで、各タイトルと要約の後に、質問のタグを表示するいくつかのボックスがあります。

まったく同じ外観が必要ですが、リンクの代わりに、これらのボックスはラジオボタンリストと同じように機能する必要があります。一度に選択できるのは1つだけで、1つを選択すると、選択した1つに異なるスタイルが追加されます。フォームを送信した後、コントローラーで選択したアイテムを復元できるはずです。

Asp.Net MVC4を使用していますが、要素を作成するオプションはコントローラーから取得されます。

コードや私がすでに作ったもののない質問でごめんなさい。しかし、私にはこの必要性があり、この種のスタイルまたは要素に特定の名前またはキーワードDがあるかどうかさえわかりません。

どこから始めればいいのか知っていますか(同様の最終結果のチュートリアル?)?助けてくれてありがとう、そして悪い英語をお詫びします。


提案された回答のリンクを見た後のコード

CSSコード

input [type = radio] {display:none;}

.rbLista span {font-family: "Lucida Grande"、 "Lucida Sans Unicode"、Arial、Helvetica、Sans-serif;

font-size:12px; 背景:RGB(217,217,217); ボーダー:1pxソリッドRGB(217,217,217); } .rbLista span:hover {border:1px solid RGB(54,52,53); 背景:RGB(54,52,53); 色:白; }

.rbLista input [type = radio]:checked + span {background:#D71712; 色:#fff; ボーダー:1pxソリッド#D71712; }

.rbLista input [type = radio]:checked + span:hover {background:#D71712; }

およびコードを表示

    <section class="rbLista">
        @foreach (var item in Model.ChamadoDetalhe.Transitos)
        {
            <label>
                @Html.RadioButtonFor(x => x.NovoTransito.Transito, @item.Text, new {                     @id = item.Text, @text = item.Text })<span>@item.Text</span>
            </label>
         }
         @Html.ValidationMessageFor(x => x.NovoTransito.Transito)
     </section>
4

1 に答える 1

0

あなたはこのようなことを試すことができます。これが実際のデモです。

于 2012-11-14T19:46:58.267 に答える