我正在使用asp.net mvc应用程序来显示一个必需的符号*和一个帮助符号？作为人物.但是呢？超越了*,我终于可以看到只有一个？符号.如何显示两个象限？
PS：我想在这个上下文中使用2个图标而不是文本.我正在检查我们是否有一个选项来容纳图标而不是文本.
@Html.LabelFor(model => model.myDetails,new { @class = "required labelHelp" })
.required:after { content: "*"; padding-left: 3px; color: #f00; } .labelHelp:after { content: "?"; padding-left: 30px; color: #f00; }
解决方法
你可以有一个css选择器,检查一个元素是否同时具有这两个类应用的内容：“*？”
.required:after { content: "*"; padding-left: 3px; color: #f00; } .labelHelp:after { content: "?"; padding-left: 30px; color: #f00; } .required.labelHelp:after { content: "* ?"; padding-left: 30px; color: #f00; }
如果你想要一个图标显示：
.required:after { content: ""; background-image: url(/images/required.png); width: 16px; height: 16px; padding-left: 3px; color: #f00; } .labelHelp:after { content: ""; background-image: url(/images/labelHelp.png); width: 16px; height: 16px; padding-left: 3px; color: #f00; } .required.labelHelp:after { content: ""; background-image: url(/images/required_labelHelp.png); /* required_labelHelp.png should be an image that contains both required and labelHelp png*/ width: 32px; height: 16px; padding-left: 3px; color: #f00; }
