Блог

Я пытался настроить с помощью css свой JavaFX application…so пока все хорошо, пока я не доберусь до Указателя даты… Я перепробовал много разных способов, но ни один из них, похоже, не сработал. Есть ли способ сделать указатель даты круглым, как мои текстовые поля?

Фактический интерфейс JavaFX, над которым я работаю:

(кстати, я использую Java 8_111 с Netbeans 8.2, если это в чем-то поможет)

Приветствую!

Вам просто нужно индивидуально настроить background-radius для date-picker себя, плюс он лежит text-field в основе и arrow-button (который является кнопкой календаря).

Например, используя следующий CSS:

 .date-picker {
    -fx-background-radius: 10 10 10 10;
}
.date-picker > .text-field {
    -fx-background-radius: 10 0 0 10;
}

.date-picker > .arrow-button {
    -fx-background-radius: 0 10 10 0;
}
 

Производит это DatePicker :

Для будущих потребностей в стилизации CSS вы можете многому научиться, обратившись к таблице стилей modena.css по умолчанию, используемой внутри JavaFX. Это полезно для изучения многих доступных дополнительных селекторов, которые не описаны в «официальном» справочном руководстве по CSS.