2013-10-04 265 views
0

我有一个文本区域自动调整大小,但现在它忽略了我的CSS文本区域的高度,我无法找到解决方法。它不会忽略任何其他CSS只是高度属性。自动文本区域调整大小

HTML

<textarea id="test" class="text2" name="lgyesterday" onkeyup="resizeTextarea('test');" data-resizable="true"> </textarea> 

CSS

.text2{ 
    margin:10px; 
    float:left; 
    width:47%; 
    font-family:sans-serif, "arial helvetica"; 
     font-size: 15px; 
     height: 80px; 
} 

如果任何人有任何想法如何,我可以设置textarea的高度,开始我只是想知道?

回答

2

删除此:

onkeyup="resizeTextarea('test');" 

这是最有可能是什么使用内嵌样式调整的区域,这将覆盖你的CSS。您也可以通过添加!important覆盖内嵌样式:

height: 80px!important; 

编辑

尝试min-height如果你想阻止如果成为下:在

min-height: 80px; 
+0

但我的文本区域不会自动调整大小? – Crouch

+0

你想调整大小,还是希望应用'height:80px'?因为你不能同时拥有两个:) – David

+0

我需要一个默认的起始大小,然后可以从那里变大 – Crouch

0

height属性的示例适用于我(Chrome)。但也可以使用“rows”属性定义高度。例如:

<textarea cols="50" rows="10"> 
+0

高度也适用于我,只是当它应用到它,它被覆盖。下面的答案是一种享受。无论如何,@罗兰欢呼 – Crouch