css - 文本区域在ie中垂直调整大小

Question

如何在 IE 中垂直调整文本区域的大小？

我做了 resize: vertical 并且它在 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" block :

textarea {
    overflow: visible;
}