Textarea在ie中调整垂直大小

如何在IE中垂直调整我的textarea大小？Textarea在ie中调整垂直大小

我做了调整大小：垂直，它在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>

编辑 -

我仍然无法弄清楚这个解决方案。任何人都可以帮忙吗？

来源

2012-03-15 user983208

http://caniuse.com/#feat=css-resize – KyleMit 2015-03-28 15:23:42

我不确定，但据我所知Internet Explorer不支持。你可以使用JavaScript。这里是一个jquery插件，类似于我现在正在输入的textarea：

来源

2012-03-15 03:22:20 draconis

貌似是正在开发的插件。 – user983208 2012-03-18 22:52:19

IE尚未支持css resize属性。你可能想试试这个jQuery UI插件：http://jqueryui.com/demos/resizable/。这里有一个fiddle来演示。

关于在IE中打印的第二个问题。试试下面的CSS添加到媒体=“打印”模块：

textarea { 
    overflow: visible; 
}

来源

2012-03-18 23:04:34

在ff，safari中完美运作。但在IE中，即使显示：inline-block，它也会下降到下一行。 FF，safari对此作出了回应，但IE依然站在下一线。笏做？ – user983208 2012-03-19 00:45:46

第二种解决方案在FF中正常工作。但在safari中，IE仍然有这个问题。笏可能是原因？ :( – user983208 2012-03-19 01:02:54

Textarea在ie中调整垂直大小

回答

相关问题