Question

我正在使用不可编辑的objectPicker并设置空文本：

     this.statePicker = Ext.create('Rally.ui.picker.MultiObjectPicker', { 
            modelType: 'State',
            id: 'statePicker',
            matchFieldWidth: false,
            editable:false,        
            emptyText: "Select...",
            placeholderText: "Select...",
            width: 80,
            listeners: {                
                select: this._getFilter,
                deselect: this._getFilter,
                scope: this
            },  
        });

我想将emptyText（emptyText：“Select ...”）格式化为背景颜色为白色。使用下面的CSS，背景颜色显示完美，但文本颜色保持灰色。

.x-form-empty-field {
  color: #FFFFFF !important;
  background-color: #085478;  
}

我尝试了其他类，但没有更改字体。它保持灰色！请帮帮忙？

Answer 1

使用'占位符'HTML5属性将'emptyText'应用于字段。答案将根据您使用的浏览器而有所不同。

以下是一个指南，演示了如何在支持它的各种浏览器中设置占位符文本的样式：http://css-tricks.com/snippets/css/style-placeholder-text/

以下是有关占位符属性的一些有用信息（也包括样式示例）：http://www.hongkiat.com/blog/html5-placeholder/

希望这有帮助！

如何使用CSS更改emptyText的字体颜色

1 个答案: