有一个 Jsfiddle,我有一个填充表格单元格的文本区域。但是我需要帮助的是有人可以在小提琴中创建一个函数,用户可以在其中扩展或减小表格单元格的大小。如果表格单元格高度增加或减少,我想测试我的 css 以查看 textarea 是否可以填充 textarea?
这是小提琴:http: //jsfiddle.net/BpWes/1/
下面是小提琴的代码:
HTML:
<table id="tbl">
<tr>
<th>Question</th>
</tr>
<tr>
<td class="question">
<textarea class="textAreaQuestion" id="mainTextarea" name="questionText"></textarea>
</td>
</tr>
</table>
查询:
$('textarea').css('background','#EAEAEA');
CSS:
td{ vertical-align:top}
#tbl{
border:1;
height:250px;
}
.question{
border:1px black solid;
padding: 0;
height:100%
}
.textAreaQuestion{
width:100%;
height:100%;
border:0;
padding:0;
font-size:100%;
margin:0;
}
更新:
HTML:
<table id="tbl">
<tr>
<th>Question</th>
</tr>
<tr>
<td class="question">
<div class="divheight">
<textarea class="textAreaQuestion" id="mainTextarea" name="questionText"></textarea>
</div>
</td>
</tr>
</table>
CSS:
.question{
border:1px black solid;
padding: 0;
}
.divheight{
height:100%
}