Question

<div style="width: 50%; float:right">
<div id="formDiv">
<div class="control-group requiredStar">    
<label class="control-label"  for="CustNo">Customer No</label>
<div class="controls" >
<div id="replaceCustomerListDiv">
<s:select  data-rel="chosen" id="CustNo" name="CustNo" list="customerlist" listKey="id"           listValue="name" headerKey="0" headerValue="--SELECT--"  `enter code    here`onchange="getContracDetails(this.value)" cssClass="required"/>              
</div>  
</div>  
</div>
</div>

这是我的代码，我必须在“客户编号”下拉列表上方添加必填字段（*），'requiredstar'是我添加了控件组以显示星号的css实体，但是asterix向下放置（开始结束），下面显示的是我的css类，解决这个问题的任何解决方案？

.control-group.requiredStar .controls:after {
 content:"*";
 color:red;
 font-family: 'Glyphicons Halflings';

/*  font-weight: bold;*/
/*  font-size: medium;*/
 font-size: 16px;
 position: relative;


vertical-align: top;

}

Answer 1

您可以在标签上设置requiredStar类，而不是像下面那样在控件组中设置：

HTML

<label class="control-label requiredStar" for="CustNo">Customer No</label>

CSS

.control-label.requiredStar:after {
  content:"*";
  color:red; 
}

这里有一个新的小提琴：http://jsfiddle.net/8vpdd7r5/

下拉列表的必填字段（*）向下放置

1 个答案: