Button CSS (text-decoration: underline)

[RES]

I have an example page at the following URL that has the Kendo CSS files placed after my main CSS file but yet the Kendo CSS text-decoration: none in the k-button style is being overriden by my main CSS file.  Shouldn't the Kendo's CSS rules override my main CSS rules since they are placed after the main CSS file in the header?

http://example.rengr.co

[RES]

I'm sorry I forgot to mention this issue occurs on hover.

[Iliana Dyankova]

Hi,

The observed issue is caused by a:hover selector has higher specificity than .k-button. Hence in order to achieve the expected result you could add the following CSS rule: 

.k-button:hover{
    text-decoration: none;
}

Regards,
Iliana Nikolova
Telerik

[RES]

From what I've read a class selector has a higher specificity than an element selector so why would the a:hover rule be overriding the .k-button rule?

[RES]

Okay I get it now when I look at the rule for .k-button:hover there is no text-decoration: none;.  So shouldn't this rule explicitly specify this specially for cases like this so you don't have to patch Kendo's CSS?

[Iliana Dyankova]

Hi,

Your suggestion sounds OK - we will add text-decoration: none rule for the a.k-button:hover elements with the next Kendo UI release.

Regards,
Iliana Nikolova
Telerik

[RES]

Sounds good, thanks.