How can I style the current (today's date) in bold font?

Question

I need your help,

How can the CSS be modified such that it would allow the current (today's date) to be a in bold font?

I thought that this would be the correct style, but for some reason, it is not working:

.ui-datepicker-today {
    font-weight: bold;
}

score 1 · Accepted Answer · answered Jan 30 '14 at 15:03

1

You forgot about inner tag(fiddle):

.ui-datepicker-today .ui-state-default {
    font-weight: bold;
}

ui-state-default has font-weight: normal by default jQuery UI stylesheet. So better to override inner tag by class.

answered Jan 30 '14 at 15:03

Pinal

10,775
12
49
62

score 0 · Answer 2 · answered Jan 30 '14 at 15:22

0

.demo input{
font-weight: bold !important;
}

answered Jan 30 '14 at 15:22

user3246488

1

You should never use `!important` if not necessary. Why should it be in this case? – Patrick Hofman Jan 30 '14 at 15:44

score -1 · Answer 3 · answered Jan 30 '14 at 15:01

-1

.ui-datepicker-today a{
    font-weight: bold !important;
}

There is a font-weight: normal; on the anchor inside the td you're targeting. You need to override that with !important or by using more specific identifiers

answered Jan 30 '14 at 15:01

RyanS

3,715
3
22
36

How can I style the current (today's date) in bold font?

3 Answers3