CODEWITHSUNDEEP
twitter-bootstrap
Steelback Nose Best
Steelback Nose Best

Reputation: 11

How to apply styling to bootstrap datetimepicker time icon

I was wondering if someone could tell me how to apply styling to the datetimepicker time icon. Mine seems to pull to the left and it doesn't have a hover colour so it is a little un-intuitive to use. As you can see from the picture below:

datetimepicker

How can I make it hover and center, something like this:

what i want it to look like

I have added a datetimepicker CSS but it hasn't changed anything.

Upvotes: 1

Views: 852

Answers (1)

gdoghel
gdoghel

Reputation: 21

You need to override the css of .bootstrap-datetimepicker-widget td span

for example

   .bootstrap-datetimepicker-widget td span{
        background-color: darkblue !important;
        display: block !important;
        float:none !important;
        width:100% !important;
    }

Upvotes: 1

Related Questions