文本區域焦點

跳到我有一個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 .. ...........

如何ABT採用箱shawdow財產.....我不知道用它........所以做任何幫助有這個的。 ...........

2013-03-18 mandava

邊框可以讓它跳轉，因爲1px的邊框四周在文本區域的所有邊上都加1px。看一下'box-sizing：border-box;'。 – CaptainCarl 2013-03-18 10:51:50

.br .shdw - 這些東西是什麼？ – 2013-03-18 10:52:09

'span'內'textarea' ...你能移出跨度嗎？ – Morpheus 2013-03-18 10:52:23

這是因爲邊界的厚度沒有考慮到沒有邊界時，也沒有預料到會發生變化（自然地）。

嘗試在CSS的時候元素沒有焦點設置固定的邊框大小，和這是透明的（或有效透明的（即匹配背景色）），然後在焦點上的所有你需要改變邊界是顏色。

2013-03-18 10:52:18

它已經有1px的邊框寬度，我將焦點改變爲3px .... – mandava 2013-03-18 10:55:35

因此它跳躍2個像素。 – 2013-03-18 10:57:34

檢查This。

我找不到任何問題。 1原因可能是，CSS是與

<div> or <span> or <textarea>

嘗試定義的另一個CSS發生衝突，以找出是否有任何衝突的CSS。

2013-03-18 11:02:17

把它扔到你的CSS中，它會保持它應該在的位置。 - 希望這會有所幫助。

#txt7{ 
    position:absolute; 
}

2016-10-20 14:22:47

我有同樣的問題，這對我工作。 – 2016-10-20 14:23:20

回答