最佳答案
您可以使用以下 CSS 规则更改 TextField 外观以匹配 iOS:
#ios-field {
-fx-background-color: white;
-fx-border-color : #D7D6DC;
-fx-background-insets: -0.2, 1, -1.4, 3;
-fx-background-radius: 0;
-fx-padding: 4 7 4 15 ;
-fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
}
#ios-field:focused {
-fx-border-color : #D7D6DC;
-fx-background-color: white;
-fx-background-insets: -0.2, 1, -1.4, 3;
-fx-background-radius: 0;
-fx-padding: 4 7 4 15 ;
}
我相信 CSS 规则是不言自明的,您可以轻松进行更改。 我使用 #D7D6DC 颜色作为边框颜色来匹配图像中的颜色,而且 -fx-background-insets 是 modenas.css 中使用的默认值
结果:
附注
我看不到图像中的边框(左和右)是否存在,如果您只想显示上边框和下边框,您也可以通过 -fx-border-width : 1 0 1 0 来做到这一点;
。除了字体大小和系列之外,您还可以使用 -fx-font-size 和 -fx-font-family 。 iOS使用的字体是San Francisco .
关于java - 如何设置 JavaFX TextField 的样式使其看起来像 iOS 的一样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52140581/