0

無料の jqgrid edit でフォントと編集要素のサイズを大きくして、ブートストラップと同じサイズになるようにフォームを追加する方法。Twitter ブートストラップでは、フォーム グループおよびフォーム コントロール クラスを使用して、アクティブな要素のハイライトを備えた優れた編集要素を作成できます。

<div class="form-group">
<label for="Kellaaeg">Kell</label>
<input class="form-control" id="Kellaaeg" name="Kellaaeg">
</div>

しかし、無料の jqgrid は、これらのクラスをサポートしていません。

無料のjqgridインラインとフォーム編集で要素サイズをセルサイズに合わせてフォントを大きくする方法に従って試し ました

.jqgrow > td input[type=text].editable,
.jqgrow > td input[type=date].editable,
.jqgrow > td input,
.jqgrow > td textarea {
    height: 100%;
    width: 100%;
    font-size: 1em;
    box-sizing: border-box;
}

.jqgrow > td select.editable,
.jqgrow > td select {
    width: 100%;
    font-size: 1em;
    box-sizing: border-box;
}

ただし、これはインライン編集のみを変更します。フォーム要素はまだ小さすぎます。フォーム要素を編集、追加、表示する方法もブートストラップと同じサイズにするには?

4

2 に答える 2

0

remブートストラップはルート要素のフォント サイズを設定するので、ルート要素のフォント サイズを参照する css ユニットを使用できます。

.jqgrow > td input[type=text].editable,
.jqgrow > td input[type=date].editable,
.jqgrow > td input,
.jqgrow > td textarea {
    height: 100%;
    width: 100%;
    font-size: 1rem; /* 1rem instead of 1em */
    box-sizing: border-box;
}

.jqgrow > td select.editable,
.jqgrow > td select {
    width: 100%;
    font-size: 1rem; /* 1rem instead of 1em */
    box-sizing: border-box;
}

それ以外の場合、ブートストラップのルート フォント サイズは14px

于 2015-05-10T20:33:33.513 に答える