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 回答