2

私は以下のようにテキスト領域のhtmlタグを持っています...

<div>
    <span class="l" style="padding-top: 77px">
        <textarea id="txt7" rows="3" cols="50">Lorem ipsum</textarea>
    </span>
</div>

フォーカスで私は境界線の色と境界線の幅を変更していますそれはうまくいきました。その要素に焦点を合わせると、テキスト領域ボックスがページ上にジャンプするという問題が発生します（つまり、少し移動します...）

css：

textarea:focus { .br; border-style: solid; .shdw; }

したがって、このplzへの回避策............。

box-shawdowプロパティを使用する方法.....私はそれを使用することに気づいていません........だからこれについて何か助けをしてください............

4

3 に答える 3

1

それをcssに投げると、本来あるべき場所にとどまります。- お役に立てれば。

#txt7{
    position:absolute;
}
于 2016-10-20T14:22:47.927 に答える
1

これは、境界線がなく、境界線の変化を (自然に) 予期しない場合、境界線の太さが考慮されないためです。

要素がフォーカスされていない場合に CSS で固定の境界線サイズを設定してみてください。これを透明にする (または効果的に透明にする (つまり、背景色に一致させる)) と、フォーカス時に境界線を変更する必要があるのは色だけです。 .

于 2013-03-18T10:52:18.000 に答える
0

これをチェックしてください。

問題が見つかりません。1 つの理由は、css が定義された別の css と競合している可能性があります。

<div> or <span> or <textarea>

競合する css があるかどうかを確認してください。

于 2013-03-18T11:02:17.897 に答える