Cara menghilangkan warna biru di panel tab yang dipilih

Saya sedang mengerjakan proyek javafx, saya memiliki antarmuka FXML tempat saya meletakkan panel tab, ketika saya memilih tab, batas tombol yang dipilih diwarnai dengan warna biru, tetapi gaya yang saya inginkan adalah membiarkan warna putih ditambahkan tidak ada batasan.

Gambar saya di sini memiliki garis luar berwarna biru. tab dengan tepi biru

untuk mendapatkan gambar ini

tab tanpa batas biru

kode Css saya untuk panel Tab penataan:

.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 sumber
comment
mungkin menjelaskan dengan tepat apa yang Anda tanyakan?   -  person Stewart_R    schedule 08.02.2016
comment
wow, apa ini '-fx-'? Melihatnya pertama kali di css   -  person kanudo    schedule 08.02.2016
comment
ketika saya memilih tab, batas tombol yang dipilih diwarnai dengan warna biru, tetapi gaya yang saya inginkan adalah membiarkan warna putih tidak menambahkan batas, saya meletakkan dua foto di atas.   -  person Oussama    schedule 08.02.2016
comment
@Oussama saya tidak tahu tentang '-fx-' teman, bisakah Anda memberi tahu saya kegunaannya?   -  person kanudo    schedule 08.02.2016

Jawaban (2)


arrow_upward
2
arrow_downward

Untuk menemukan stylesheet default tabPane, saya mencari file ‎jfxrt.jar di komputer saya, dan saya membukanya di pengarsip seperti WinRAR untuk mendapatkan ‎caspian.css di com/sun/javafx/scene/ kontrol/kulit/caspian.css. Dengan pengetahuan ini, saya dapat dengan mudah melihat apa yang menyebabkan masalah tersebut. caspian.css juga tersedia online, berikut link ke versi JavaFX 2.2.

kebutuhan saya adalah kode di bawah ini:

.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

Atur properti garis besar ke 0

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