0

我正在使用不可编辑的 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;  
}

我尝试过其他类,但没有改变字体。它保持灰色!请帮忙?

4

1 回答 1

1

'emptyText' 使用'placeholder' HTML5 属性应用于字段。答案会因您使用的浏览器而异。

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

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

希望这可以帮助!

于 2013-06-24T16:47:47.987 回答