0

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

在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 代码

输入[类型=收音机] {显示：无；}

.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 输入[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>
4

1 回答 1

0

你可以试试这样的。这是一个工作演示。

于 2012-11-14T19:46:58.267 回答