时间戳

首页 > 解决方案 > 更改Textareafield的背景颜色

html - 更改Textareafield的背景颜色

问题描述

在此处输入图像描述

我无法更改 EXT js4.2 中 Textareafield 的背景颜色

css

 .disable-field{
            background: #b5b8c8 !important;
        }

JS

 var remaskTextField = Ext.create('Ext.panel.Panel', {
         id  : 'remasksTextField',
        title: 'Remark',
        items: [ {
            id        : 'remask',
            xtype     : 'textareafield',
            name      : 'message',
            width: 310,
            height:230
        }]
     });

我尝试了以下代码来更改颜色。只有第一个可以更改 backgroundColor 但 Textareafield 的顶行仍然保持不变。

document.getElementById('remaskTextField').style.backgroundColor = "#c3c5ce";
Ext.getCmp('remask').addClass('disable-field');
Ext.getCmp('remasksTextField').addClass('disable-field');

标签： htmlextjs

解决方案

一种适用于 ExtJS 4.2 的方法是fieldStyle配置：

字段样式：字符串

要应用于字段输入元素的可选 CSS 样式。应该是 Ext.Element.applyStyles 的有效参数。默认为未定义。另请参阅 setFieldStyle 方法，用于在初始化后更改样式。

例子：

Ext.onReady(function() {
    Ext.create('Ext.form.TextArea', {
        renderTo: Ext.getBody(),
        width: 400,
        height: 400,
        fieldStyle: "background: #b5b8c8 none repeat scroll 0 0 !important;"
    });
});

推荐阅读