Question

我正在使用外部CSS作为某种风格，我的链接标签如下，

<link href="<%=request.getContextPath()%>/css2/form.css" rel="stylsheet" TYPE="text/css">

CSS文件包含以下内容

@CHARSET "ISO-8859-1";

legend {
padding: 0;
margin-top:-20px;
margin-left: -20px;
margin-right:-40px;
margin-bottom: -9px;
border: 0;
color: #999999;
background-color: #918D8D;
}


.input-group{
margin-left:15px;
}

我在jsp中使用了这些类，如下所示，

<div class="form-group">
<label for="dob" class="control-label col-xs-4">Date Of
                        Birth(DOB) :</label>
<div class="col-xs-8">
                        <div class="col-lg-8 input-group date form_date1" data-date-format="dd MM yyyy"  data-link-format="yyyy-mm-dd">
                            <input type="text" class="form-control " size="10" name="dob" id="date" ">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                </div>

为什么它不起作用，我在这里尝试将边距添加到文本框中。

Answer 1

不确定要将哪个CSS应用于文本框。但是，如果您要将输入组应用于文本框，请按照以下说明更新输入标记：

<input type="text" class="form-control input-group" size="10" name="dob" id="date" ">

并将！important 应用于css 输入组的边距，如下所述：

.input-group{
     margin-left:15px !important;
}

外部CSS不起作用

1 个答案: