Di bg màu xám đằng sau các tab trong JFX

Question

Vậy có cách nào để loại bỏ các vùng màu xám phía sau tab (s):

Tôi đã cố gắng để làm điều này với CSS, nhưng không tìm thấy như thế nào .

Answer 1

JavaFX có một trang CSS mặc định được đặt tên là caspian.css. Vui lòng đọc bài đăng này: https://stackoverflow.com/a/10149050/682495.
Để thay đổi CSS mặc định, thêm chọn này để tập tin CSS của bạn và tùy chỉnh nó:

.tab-pane *.tab-header-background { 
    -fx-background-color: -fx-outer-border, -fx-inner-border, derive(-fx-color, -20%); 
    -fx-effect: innershadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0 , 0); 
} 

Answer 2

Để đặt màu nền của ghi tiêu đề tabpane trong file CSS:

.tab-pane .tab-header-area .tab-header-background { 
    -fx-background-color: yellow; 
} 

Để xóa đường viền ghi:

.tab-pane .tab-header-area .tab-header-background { 
    -fx-effect: null; 
} 

Để loại bỏ các tiêu đề hoàn toàn thiết lập opacity 0:

.tab-pane .tab-header-area .tab-header-background { 
    -fx-opacity: 0; 
} 

Thông tin thêm về phong cách lớp tab cửa sổ, bạn có thể tìm thấy ở đây:
http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#tabpane