javafx-2, supprimer le surlignage via CSS

Je veux supprimer la bordure bleue qui surronds un TableView lorsqu'il est porté.

J'ai vérifié dans la mer caspienne.css, que pour la plupart des composants, comme le Bouton et TextField, fait quelque chose comme:

.table-view:focused {
  -fx-background-color: -fx-focus-color,-fx-box-border,-fx-control-inner-background;
  -fx-background-insets: -1.4, 0, 1;
  -fx-background-radius: 1.4, 0, 0;
  /*....*/
  -fx-padding: 1; /* 0.083333em; */
}

Ma question est à propos de CSS, à la fin. Puis-je remplacer cette pseudoclass spécification dans ma feuille de style au lieu d'essayer de transformer les couleurs en transparent?

InformationsquelleAutor AgostinoX | 2012-11-01

css javafx-2

Oui, vous pouvez. Dans votre feuille de style de définir exactement la même sélecteur CSS avec JavaFX propriétés CSS de votre choix comme ceci:

.table-view:focused {
  -fx-background-color: red /* or transparent or other preferred color */,-fx-box-border,-fx-control-inner-background;
  -fx-background-insets: -1.4, 0, 1;
  -fx-background-radius: 1.4, 0, 0;
  /*....*/
  -fx-padding: 1; /* 0.083333em; */
}

InformationsquelleAutor Uluk Biy

2

Parce que JavaFX 8 a un nouveau thème "modène", mais avec le même vieux problème je veux faire une mise à jour de la réponse de Uluk Biy et de donner quelques informations supplémentaires:

Si vous vous posez la question, où certains style est venu, vous pouvez regarder modène.css. Vous pouvez trouver ce fichier css dans jfxrt.jar qui lui-même a pu être trouvé dans votre JRE ou JDK répertoire d'installation. Sur Ubuntu 14.04 le jdk maison est généralement sous
```
/usr/lib/jvm/java-8-oracle/
```
et la jfxrt.jar devrait être ici
```
/usr/lib/jvm/java-8-oracle/jre/lib/ext
```
Ouvrir le pot-de fichier et un coup d'oeil dans le répertoire /com/sun/javafx/scène/de contrôle/de la peau/modène où vous trouverez de modène.css

De départ de la ligne 406, vous pouvez voir les manchettes comme ce
```
/* ====   BUTTON LIKE THINGS   ============================================== */
```
Le css en vertu de la présente section spécifie l'arrière-plan et la bordure pour un grand nombre de contrôles et de conteneurs. Vous avez simplement à la recherche de votre classe cible. Je vous le montre pour les boutons comme un exemple:
Pour la classe button le code css suivant est spécifié
```
-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
-fx-background-insets: 0 0 -1 0, 0, 1, 2;
```
Pour certaines raisons, ils n'utilisent pas les frontières, mais l'utilisation de plusieurs horizons en simulant une frontière comme de look. Donc, si vous voulez supprimer la bordure seulement, vous devez ajuster l'arrière-plan et l'encart de la propriété.

Enfin, si vous souhaitez supprimer le concentré effet, vous devez remplacer cette valeur par défaut css
```
.button:focused,
.toggle-button:focused,
.radio-button:focused > .radio,
.check-box:focused > .box,
.menu-button:focused,
.choice-box:focused,
.color-picker.split-button:focused > .color-picker-label,
.combo-box-base:focused,
.slider:focused .thumb {
    -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, -fx-body-color;
    -fx-background-insets: -0.2, 1, 2, -1.4, 2.6;
    -fx-background-radius: 3, 2, 1, 4, 1;
}
```
pour les contrôles de votre choix avec la définition par défaut de l'arrière-plan et les encarts à partir de ci-dessus. E. g. pour les boutons:
```
.button:focused {
    -fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0 0 -1 0, 0, 1, 2;
}
```
- J'ai fait de la lutte beaucoup avant de voir votre réponse, en effet, ils n'utilisent pas une bordure de propriété, mais d'un médaillon et d'un arrière-plan merci beaucoup pour le rappeler. JavaFx certainement besoin de mieux documenter les css des choses ...
InformationsquelleAutor Zerlono

Vous devez vous connecter pour publier un commentaire.