Question

如何在IE中垂直调整我的textarea？

我确实调整了大小：垂直并且它在Firefox中运行良好但在IE中它不起作用。那么替代方案是什么呢？

另外，如果我想打印页面，那么我需要textarea来扩展和打印框中的所有内容。我该怎么用？

已编辑 -

我的CSS：

@media screen {
    textarea {
        resize: vertical;
        overflow: auto;
        border: 1px #999999 solid;
        padding: 6px;
        background: #ffffff url('../images/field_bg.png') repeat-x bottom;
        width: 400px;
        height: 100px;
    }
}
@media print {
    textarea {
        border: 1px #999999 solid;
        padding: 6px;
        background-color: #ffffff;
        background-image : none;
        width: 400px;
        height: auto;
        overflow: visible;
    }
}
.field {
    display: inline;
    vertical-align: top;
    width: 25%;
}

HTML -

<div class="field">
<textarea id="xp">
some text here
</textarea> 
</div>

已编辑 -

我仍然无法找到解决方案。有人可以帮忙吗？

Answer 1

IE尚未支持css resize属性。您可能想尝试这个jquery ui插件：http://jqueryui.com/demos/resizable/。这是一个fiddle来演示。

关于在IE中打印的第二个问题。尝试将以下CSS添加到media =“print”块：

textarea {
    overflow: visible;
}

Answer 2

我不确定，但据我所知，Internet Explorer并不支持。你可以使用javascript。这是一个类似于这个textarea的jquery插件我现在正在打字：http://archive.plugins.jquery.com/project/TextAreaResizer

Textarea在ie中垂直调整大小

2 个答案: