OverCls is not working in IE11

Question

I am working with extjs 4.2 and need an advice to solve this small bug. I have an extjs button in my js file as:

{
        xtype : 'button',
        text : 'Add Drive',
        padding : '10px 10px 10px 10px',
        overCls : 'overDrive'
}

and my in my css i have it as:

.x-btn.x-overDrive{
    text-decoration: underline;
    color: black;
}

Now the problem is that this underline is not working in IE browser only. It works everywhere except IE. Am i missing something here? please help!

Answer 1

Replace your css with:

.x-btn.x-overDrive, .x-btn.overDrive .x-btn-inner {
    text-decoration: underline;
    color: black;
}

Fiddle: https://fiddle.sencha.com/#fiddle/o5c