Styling DatePicker ArrowButton in Javafx

Asked Aug 17 '20 at 15:34

Active Aug 17 '20 at 15:58

Viewed 357 times

How to achieve the following style for Datepicker Arrow Button?

I am able to Achieve the following Style For Arrow Button.

Below Css is used for achieving the above style

.date-picker > .arrow-button > .arrow {
   -fx-opacity:0;
}

.date-picker > .arrow-button {
    -fx-background-image:url("/com/ispiro/ui/assets/img/datepicker.png")
    -fx-background-repeat: no-repeat;
    -fx-background-position: center center;
    -fx-background-color:#1079D8;
    
   
}

edited Aug 17 '20 at 15:58

asked Aug 17 '20 at 15:34

Viraj Shedge

I'm unclear what the question is here. – James_D Aug 17 '20 at 15:39
@James_D have edited the images in question. I want to have padding between the borders of datepicker and arrow button background. – Viraj Shedge Aug 17 '20 at 16:00

Styling DatePicker ArrowButton in Javafx

0 Answers0