html中的文本区域在焦点上跳跃

Question

我有一个文本区域的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; }

所以任何解决这个问题的工作.............

如何使用box-shawdow属性.....我不知道使用它........所以在这有任何帮助............ < / p>

Answer 1

把它扔进你的css，它将保持在它应该的位置。     - 希望这可以帮助。

#txt7{
    position:absolute;
}

Answer 2

这是因为没有边框时没有考虑边框厚度，并且没有预期到边界变化（自然）。

尝试在CSS中设置固定的边框大小，以便当元素不在焦点时，并且为了透明（或有效透明（即匹配背景颜色）），然后在焦点上你需要改变边框的颜色。

Answer 3

检查This。

我没有发现任何问题。 1个原因可能是css与为

定义的另一个css冲突

<div> or <span> or <textarea>

尝试找出是否存在任何冲突的CSS。