Кнопки стилей в скине Webix Web

Question

Для своего приложения я использую Webix со скином "web". Я пытаюсь настроить фон кнопки, когда кнопка:

• парили
• щелкнул (когда кнопка мыши еще нажата)
• просто сосредоточены

Я использую соответствующие CSS-сенсоры:

  .mouseover button:active {
    background:#d7dff7;     
    border-color:#d7dff7;
  }
  .mouseover button:focus{
    background:#e2d7f7;
    border-color:#e2d7f7;
  }  
  .mouseover button:hover{
    background:#c2cae0;
    border-color:#c2cae0;
  }

Единственное, чего я не могу достичь, это active селектор. В приведенном ниже примере попробуйте нажать на любую кнопку, и вы увидите серый фон по умолчанию:

http://webix.com/snippet/a5687eff

Я думал, что это должен быть класс нажатой кнопки, но он не работает, и я застрял с этим. Любая помощь приветствуется.

Answer 1

Селектор css ".webixtype_base:active" имеет "background: #dedede! Важный;" в webix.css. Вот почему ваш фоновый стиль для ".mouseover button: active" переопределяется. Вам просто нужно добавить "! Важно", чтобы ваш стиль фона мог иметь приоритет.

Смотрите здесь: http://webix.com/snippet/1ee67de2