Asp.Net MVC 4 通用元素

Question

对不起，通用标题，但我不知道如何调用我要创建的元素。这就是我需要的......我试图发布图片，但我还没有获得必要的特权。所以我很难描述它。

在stackoverflow上，在问题页面上，每个标题和摘要之后都有一些框显示问题的标签。

我想要完全相同的外观，但这些框应该与单选按钮列表一样，而不是链接。 I can only choose one of then at a time and when pick one, the selected one ill get different style added to him.提交表单后，我应该能够在控制器中恢复所选项目。

我正在使用 Asp.Net MVC4，并且制作元素的选项将来自控制器。

对不起，没有代码或我已经制作的东西的问题。但是我有这种必要性，我什至不知道这种样式或元素是否有特定的名称或关键字D。

你们知道从哪里开始吗（最终结果相似的教程？）？ 感谢您的帮助，抱歉英语不好。

---

查看建议答案链接后的代码

CSS 代码

输入[type=radio] {显示：无；}

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

字体大小：12px；背景：RGB（217,217,217）；边框：1px 纯色 RGB（217,217,217）； } .rbLista span:hover { 边框：1px 纯色 RGB(54,52,53);背景：RGB（54,52,53）；白颜色; }

.rbLista 输入[type=radio]:checked + span { 背景：#D71712;颜色：#fff;边框：1px 实心#D71712； }

.rbLista input[type=radio]:checked + span:hover { 背景：#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>

Answer 1

你可以试试like this。这是working demo。