代码之家  ›  专栏  ›  技术社区  ›  Pushkar Kathuria

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

  •  1
  • Pushkar Kathuria  · 技术社区  · 10 年前

    在Sencha touch版本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 回复  |  直到 10 年前
        1
  •  1
  •   Anand Gupta    10 年前

    在下面 css 将为您服务Pushkar:

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

    让我知道它是否有用。