我正在使用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: "";
- 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;
- }
