css - Chrome 的日期输入太宽

我正在使用Bootstrap和日期输入。使用Firefox，因为屏幕变窄，日期输入的大小会重新调整。但是，使用Chrome时，它们不会调整大小并变得太宽。

 

http://www.bootply.com/rgbzpIazj9

 <div class="row">

                            <div class="col-sm-6">
                                <div class="form-group form-group-default-new">
                                    <label>Start</label>
                                    <div class="input-group">
                                        <div class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </div>
                                        <input type="date" class="form-control form-control-default-grey-new" placeholder="Ideal start date">
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6">
                                <div class="form-group form-group-default-new">
                                    <label>Duration</label>
                                    <div class="input-group">
                                        <div class="input-group-addon">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                        </div>
                                        <input type="date" class="form-control form-control-default-grey-new" placeholder="Duration">
                                    </div>
                                </div>
                            </div>

                        </div>

最佳答案

只需减小宽度，如下面的代码示例所示：

.input-group .form-control {
   width: 74%;
}

关于css - Chrome 的日期输入太宽，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27424772/