问JavaFX -使用CSS为Textfield设置焦点边框
EN

Stack Overflow用户

提问于 2013-10-06 22:23:14

回答 1查看 10.2K关注 0票数 3

我希望有一个有三个不同边框的文本框，用于三种情况：

一条白色的边框，当没有盘旋或聚焦时
在空中盘旋时的灰色边框
聚焦和键入时的蓝色边框

我是这样开始的：

#custom-text-field  {
    -fx-border-width: 2;
    -fx-border-color: white;
}

#custom-text-field:hover{
    -fx-border-width: 2;
    -fx-border-color: #909090;
}

#custom-text-field:focused{
    -fx-border-width: 2;
    -fx-border-color: #0093EF;
}

问题是，用于聚焦的边界从未出现。它如何正确地设置它？

javafx

回答 1

Stack Overflow用户

发布于 2013-11-15 10:48:23

我就这样用它

.custom-text-field {
    -fx-background-color:
        #FFFFFF,
        #FFFFFF;
    -fx-background-insets: 0, 2;
    -fx-background-radius: 0, 0;
 }

.custom-text-field:focused {
    -fx-background-color:
        #0093EF,
        #FFFFFF;
}

.custom-text-field:hover {
    -fx-background-color:
        #909090,
        #FFFFFF;
}

.custom-text-field:focused:hover {
    -fx-background-color:
        #0093EF,
        #FFFFFF;
}

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19214671

复制

相似问题

问JavaFX -使用CSS为Textfield设置焦点边框
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaFX -使用CSS为Textfield设置焦点边框EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaFX -使用CSS为Textfield设置焦点边框
EN