How to change Angular-UI Bootstrap Datepicker popup's style using CSS?

Question

I'm using ui-bootstrap-tpls-2.5.0.min.js. I changed dropdown-menu's backgorund color like this in specific html.

.dropdown-menu {
   background-color: transparent;
   box-shadow: none;
}

But it makes datepicker's background transparent too. I know why it happened, so I cleared that line but nothing changed.

So I want to change datepicker popup's background using CSS selector like this,

.datepicker .ul{
    background-color: white;
}
//this is an example code.

what selector do I have to choose to change datepicker's background?

Dimple · Accepted Answer · 2018-07-16 06:24:26Z

2

If this is what you require, you need to add these two styles that are highlighted.

Happy coding :)

answered Jul 16, 2018 at 6:24

Dimple

1782 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

thanks! Now I see it has lots of classes in same level.