This is a migrated thread and some comments may be shown as answers.

Button CSS (text-decoration: underline)

6 Answers 145 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
RES
Top achievements
Rank 1
RES asked on 17 Jan 2014, 06:47 PM
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

6 Answers, 1 is accepted

Sort by
0
RES
Top achievements
Rank 1
answered on 17 Jan 2014, 06:49 PM
I'm sorry I forgot to mention this issue occurs on hover.
0
Accepted
Iliana Nikolova
Telerik team
answered on 20 Jan 2014, 11:07 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
RES
Top achievements
Rank 1
answered on 18 Feb 2014, 01:21 AM
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?
0
RES
Top achievements
Rank 1
answered on 18 Feb 2014, 05:45 PM
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?
0
Iliana Nikolova
Telerik team
answered on 19 Feb 2014, 02:50 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
RES
Top achievements
Rank 1
answered on 19 Feb 2014, 06:07 PM
Sounds good, thanks.
Tags
General Discussions
Asked by
RES
Top achievements
Rank 1
Answers by
RES
Top achievements
Rank 1
Iliana Nikolova
Telerik team
Share this question
or