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中調整垂直大小

回答

相關問題