วิธีลบสีน้ำเงินในบานหน้าต่างแท็บที่เลือก

ฉันกำลังทำงานกับโปรเจ็กต์ javafx ฉันมีอินเทอร์เฟซ FXML ที่ฉันวางบานหน้าต่างแท็บ เมื่อฉันเลือกแท็บ ขอบของปุ่มที่เลือกจะเป็นสีน้ำเงิน แต่สไตล์ที่ฉันต้องการคือให้สีขาวเพิ่มเข้าไป ไม่มีพรมแดน

รูปภาพของฉัน ที่นี่ มีเส้นขอบสีน้ำเงิน แท็บที่มีเส้นขอบสีน้ำเงิน

เพื่อรับรูปภาพนี้

แท็บที่ไม่มีเส้นขอบสีน้ำเงิน

รหัส Css ของฉันสำหรับจัดสไตล์บานหน้าต่างแท็บ:

.tab
{
    -fx-background-color: #fbfbfb;
    -fx-border-width: 0 0 1 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2
}
.tab:selected 
{
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-background-color: #fbfbfb;
    -fx-border-width: 0 0 3 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #ff9500 #c2c2c2
}
.tab-pane *.tab-header-background 
{
    -fx-background-color: #fbfbfb, #fbfbfb, #fbfbfb;
    -fx-border-width: 1 0 1 0;
    -fx-border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2
}

css javafx-8
person Oussama    schedule 07.02.2016    source แหล่งที่มา
comment
อาจชี้แจงสิ่งที่คุณถามอย่างชัดเจน?   -  person Stewart_R    schedule 08.02.2016
comment
ว้าว '-fx-' นี้คืออะไร? เห็นครั้งแรกใน css   -  person kanudo    schedule 08.02.2016
comment
เมื่อฉันเลือกแท็บ ขอบของปุ่มที่เลือกจะเป็นสีน้ำเงิน แต่สไตล์ที่ฉันต้องการคือให้สีขาวไม่มีเส้นขอบ ฉันเลยใส่รูปภาพ 2 รูปไว้ด้านบน   -  person Oussama    schedule 08.02.2016
comment
@Oussama ฉันไม่รู้เกี่ยวกับ '-fx-' เพื่อนคุณช่วยบอกฉันได้ไหมว่ามันใช้ทำอะไร?   -  person kanudo    schedule 08.02.2016

คำตอบ (2)


arrow_upward
2
arrow_downward

ในการค้นหาสไตล์ชีตเริ่มต้นของ tabPane ฉันค้นหาไฟล์ ‎jfxrt.jar ในคอมพิวเตอร์ของฉัน และเปิดมันในโปรแกรมเก็บถาวรเช่น WinRAR เพื่อรับ ‎caspian.css ที่ com/sun/javafx/scene/ ควบคุม/ผิวหนัง/caspian.css ด้วยความรู้นี้ ฉันสามารถมองเห็นได้อย่างง่ายดายว่ามีอะไรเป็นสาเหตุของปัญหาบ้าง caspian.css มีให้บริการออนไลน์ด้วย นี่คือลิงก์ไปยังเวอร์ชัน JavaFX 2.2

ความต้องการของฉันคือรหัสด้านล่าง:

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
     -fx-border-style: segments(0.166667em, 0.166667em);
     -fx-border-width: 1;
     -fx-border-color: -fx-focus-color;
}
I changed the color -fx-focus-color: #0093ff; (blue color in selected tab)

person Oussama    schedule 28.03.2016

arrow_upward
-1
arrow_downward

ตั้งค่าคุณสมบัติเค้าร่างเป็น 0

.tab
{
   outline :0;
}
person kanudo    schedule 07.02.2016