0

私はAngular Bootstrap timepickerを使用していますが、以下のようにテキストの一部を切り取るフォントサイズを変更できないようです:

タイムピッカー

HTML:

        <div class="col-md-1">
            <div class="input-group">
                <label>End:</label>
                <timepicker ng-model="filter_endtime" ng-change="changed()" hour-step="hstep" 
                    minute-step="mstep" show-meridian="ismeridian"></timepicker>
            </div>
        </div>

ブラウザで要素を調べると、.form-control font-size を 12px に変更でき、問題なく表示されます。

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4285;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

タイムピッカーコントロールでフォントサイズをオーバーライドできる方法はありますか?

やってみました

font-size: 12px !important;

入力グループの別のクラスとしてですが、次のようになります。

時間2

4

2 に答える 2

0

.bootstrap-timepicker-hour と .bootstrap-timepicker-minute の CSS を設定するだけです。

bootstrap-timepicker-hour{
font-size:12px !important;
}

フィドルで試す

http://jsfiddle.net/sqe64a09/

于 2015-03-11T19:11:24.757 に答える
0

ブートストラップ css の .form-control クラス スタイルを変更します。

.form-control{
font-size:12px
}

またはインラインスタイルを使用

<timepicker style="font-size:12px;" ng-model="filter_endtime" ng-change="changed()" 
hour-step="hstep" minute-step="mstep" show-meridian="ismeridian">
</timepicker>
于 2015-03-11T18:36:32.077 に答える