使用CSS增加文本框的大小

Question

我需要在悬停时向上增加文本框的大小。我希望它从底部修复。 谁能告诉我如何只使用CSS？ 感谢

Answer 1

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

http://jsfiddle.net/HmAh4/

Answer 2

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

您可能还希望在执行此操作时更改字体大小，并确保没有其他控件取决于文本框的位置，否则您会看到不需要的后遗症。

Answer 3

这是一个使用负上边距的

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

FIDDLE

Answer 4

您可以实现这一目标的唯一方法是在顶部边距的帮助下，这是一个示例http://jsfiddle.net/nKSC3/4/