Remove underline style in weekdays label

[eloiweb3]

I ran into this issue, I'm not able to disable this underline on the weekdays label. I've tried with text-decoration:none on dev tools in Chrome and in Firefox developer edition but not success. Any idea on how to fix it? Is just a bug?

[wojtekmaj]

It's not a bug, it's an accessibility feature. text-decoration: none; 100% works if you target proper element (.react-calendar__month-view__weekdays__weekday abbr).

[eloiweb3]

@wojtekmaj btw I have to say you made a really good job with this calendar, REALLY well documented, congrats!

THANKS :)

p.s Also would like to point It's a really lightweight one just 2kb minified.

[wojtekmaj]

I don't think it's 2 KB :D It's half the size of other popular solutions, but definitely not 2 KB.

[ghost]

Did you solve it?

[JP-Soup]

I can confirm that the solution provided works. Great job, thank you.

[nezeracuk]

It's not a bug, it's an accessibility feature. text-decoration: none; 100% works if you target proper element (.react-calendar__month-view__weekdays__weekday abbr).

where do I need to enter this parameter to make it work for the calendar?

[xuzhihuiCSY]

.react-calendar__month-view__weekdays__weekday abbr{
text-decoration: none;
}

[nezeracuk]

thank you very much!