css - CSSを使用してテキストボックスのサイズを大きくする

Question

ホバーすると、テキストボックスのサイズを上に大きくする必要があります。下から固定して欲しいです。CSSのみを使用してどのように可能か教えてもらえますか？ありがとう

Answer 1

#Textbox{position:absolute;bottom:0; height:20px;}
#Textbox:hover{height:40px;}

また、これを行うときにフォントサイズを変更し、他のコントロールがテキストボックスの位置に依存しないようにすることもできます。そうしないと、不要な後遺症が発生します。

Answer 2

これは負のトップマージンを使用するものです

textarea{height:100px;}
textarea:hover{margin-top:-20px;height:120px;}

フィドル

Answer 3

input{position:absolute;bottom:0;}
input:hover{padding-top:20px;}

http://jsfiddle.net/HmAh4/

Answer 4

それを達成できる唯一の方法は、トップマージンの助けを借りることです。ここに例がありますhttp://jsfiddle.net/nKSC3/4/