TextField Cursor初始位置

Question

我有一个javafx TextField，左边是文本字段中的图片。当TextField聚焦时，光标会出现在图像上，我希望光标出现在图像旁边。

当前看

期望的外观

我的css代码：

#adminname {
-fx-background-color: white;
-fx-background-image: url("usericon.png");
-fx-background-repeat: no-repeat;   
-fx-background-size: 20 20;
-fx-background-position: left center;
-fx-background-color: #a9a9a9 , white , white;
-fx-background-insets: 0 -1 -1 -1, 0 0 0 0, 0 -1 3 -1;
 }

 #adminname:focused {
-fx-background-color: white;
-fx-background-image: url("usericon.png");
-fx-background-repeat: no-repeat;   
-fx-background-size: 25 25;
-fx-background-position: left center;
-fx-background-color: #a9a9a9 , white , white;
-fx-background-insets: 0 -1 -1 -1, 0 0 0 0, 0 -1 3 -1;
-fx-min-width: 170;
 }

Answer 1

使用-fx-padding（see CSS properties for Region）。但请注意，默认情况下填充不为空，因此不要在其他值上使用0：

-fx-padding: 4 7 4 27;

填充的工作方式与standard css model中的工作方式相同。恕我直言，描述比javadoc for the Region class更好。重要的是填充设置到边框的距离（即TextField周围的圆角矩形），但不适用于背景。