垂直滾動條在IE 11中對於textarea不可見

Question

我在TextArea並且給了一個垂直滾動條，我的textarea是只讀的。 但是我在這里注意到的是我的滾動條在IE11中不可見。 頂部和底部箭頭會出現，但滾動條不會出現。

我的代碼：

Ext.create('Ext.form.FormPanel', {
    title      : 'Sample TextArea',
    width      : 400,
    bodyPadding: 10,
    renderTo   : Ext.getBody(),
    items: [{
        xtype     : 'textareafield',
        grow      : true,
        name      : 'message',
        fieldLabel: 'Message',
       /* disabled : true,*/
       readOnly : true,
        value : 'abcaaaaaaaaasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssswwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwweeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
        anchor    : '100%'
    }]
});

當我在IE11中將它運行到提琴手中時，我看不到滾動。 我附上截圖。

任何建議或幫助。

Answer 1

IE就是IE ...如果您為該textarea提供特定的height （例如，在本例中為100 ），則IE將顯示滾動條...默認情況下，丑陋的外觀看起來帶有兩個大箭頭：

Ext.create('Ext.form.FormPanel', {
title      : 'Sample TextArea',
width      : 400,
bodyPadding: 10,
renderTo   : Ext.getBody(),
items: [{
    xtype     : 'textareafield',
    grow      : true,
    height    : 100,
    name      : 'message',
    fieldLabel: 'Message',
   /* disabled : true,*/
   readOnly : true,
    value : 'abcaaaaaaaaasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssswwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwweeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee',
    anchor    : '100%'
}]
});

在這里看到