Кнопки меняют размер шрифта на какой-то неуказанный

Question

У меня есть несколько кнопок.Без CSS он сохраняет размер шрифта кнопок при нажатии или наведении курсора на кнопку.Но если я применяю CSS, он меняется:

без CSS

с CSS

Размер шрифта изменяется (если я установил не размер по умолчанию в FXML, самая большая кнопка имеет размер шрифта по умолчанию), и она начинает уменьшаться по высоте (можно увидеть во 2-м изображении)

CSS:

.button {
  -fx-border-style: null;
  -fx-background-radius: 0;

  -fx-background-color: #560145;

  -fx-font-family: "Open Sans", "Open Sans", "Open Sans", "Open Sans";
  -fx-text-fill: white;
}

.button:hover {
  -fx-background-color: #87016c;
  -fx-text-fill: #e6e6e6;
}

.button:pressed {
  -fx-background-color: #4d0036;
  -fx-text-fill: #e6e6e6;
}


.button:disabled {
  -fx-opacity: 0.4;
  -fx-background-color: grey;
  -fx-text-fill: black;
}

FXML

  <Button layoutX="342.0" layoutY="329.0" mnemonicParsing="false" prefHeight="25.0" prefWidth="164.0" text="Button">
     <font>
        <Font size="6.0" />
     </font>
  </Button>

Я ничего не делаю в коде Java с помощью кнопок!Только настройка размера шрифта CSS и FXML.

Что не так??

Answer 1

Изменение решателя высоты при добавлении

-fx-background-insets: 0 0 0 0, 0, 1, 2;

в секции кнопки.

Answer 2

Я не уверен, что именно пошло не так, но вы не должны комбинировать Button свойства И CSS, чтобы выбрать шрифт.

Определение семейства шрифтов и размера шрифта в таблице стилей CSS должно работать нормально,(-fx-font-family допускает только одну строку.)

.button {
  -fx-border-style: null;
  -fx-background-radius: 0.0;

  -fx-background-color: #560145;
  -fx-font-size: 6.0;
  -fx-font-family: "Open Sans";
  -fx-text-fill: white;
}

...

В качестве альтернативы используйте встроенный CSS для изменения размера шрифта кнопки:

<Button layoutX="342.0" layoutY="329.0" mnemonicParsing="false" prefHeight="25.0" prefWidth="164.0" text="Button" style="-fx-font-size: 6;"/>

и удалите -fx-font-sizeсвойство из таблицы стилей CSS.