xtype-selectfield中的选择栏实现与datepickerfield相同

时间:2016-02-08 07:50:20

标签: html css css3 sencha-touch sencha-touch-2

在Sencha touch version 2.3.0中,我们有xtype:'datepickerfield',我们有一个默认栏,指示所选日期。

Blue line indicates selected date

可以使用以下css属性修改此选择蓝条。

.x-picker-bar {
  background: rgba(247, 109, 48, 0.6);
}

datepickerfield with changed CSS

现在我们有了另一个带有xtype的组件:'selectfield'。我也希望将此栏实现到此组件。如何实施?有什么建议吗?

enter image description here

1 个答案:

答案 0 :(得分:1)

css以下将符合您的目的Pushkar:

.x-picker-slot .x-dataview-item.x-item-selected {
    background: rgba(247, 109, 48, 0.6) !important;
}

让我知道这有帮助与否。