J'essaye d'utiliser cet arbre: https://www.w3schools.com/howto/howto_js_treeview.asp Quelqu'un peut-il me dire quelle partie du code montre l'image du triangle avec chaque li extensible? J'aimerais en réduire la taille, mais je ne sais pas d'où il vient.

-1
rajmeet singh 2 juin 2020 à 11:31

3 réponses

Meilleure réponse

C'est la partie:

.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

Le \25B6 est l'unicode du triangle.

1
Tim567 2 juin 2020 à 08:37

Modes:

.caret {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.caret::before {
  content: "\25B6"; //Unicode for the triangle
  color: black;
  display: inline-block;
  margin-right: 6px;
}

.caret-down::before { //Adding this class rotates the element to point down
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Safari */'
  transform: rotate(90deg);  
}

Et utilisation:

<span class="caret">Beverages</span>
1
Nasa 2 juin 2020 à 08:39

Lorsque vous inspectez les carettes, vous verrez un signe d'insertion lorsqu'il est dépensé et simplement un carret à l'état initial. Dans l'inspecteur css, vous devriez voir, .caret-down :: before et .caret :: before css. Ce sont les css qui dessinent des triangles.

0
Murat 2 juin 2020 à 08:37