Comment personnaliser les boutons UI (play, stop, fwd, etc.) ?
Les boutons (UI) interface utilisateur sont des boutons de contrôle tels que STOP, PLAY, FWD, etc. Vous pouvez entièrement les personnaliser avec l’éditeur de style dans les onglets suivants.
Put your mouse over them!
Les boutons UI ont 3 états, ils peuvent être :
- by default : sans aucune action de l’utilisateur ;
- hover : au survol de la souris ;
- active : lorsqu’il est sélectionné.
Il est possible de changer d’apparence suivant chaque état. Le dernier paramètre, corner all
permet de définir leur arrondi.
background-repeat: Définit comment l’image d’arrière plan se répète |
background-position: Définit la position de départ de l’image d’arrière plan |
background-image: Copier et coller l’URL de l’image d’arrière plan |
background-color: Définit la couleur d’arrière plan |
border-color: Définit la couleur de la bordure |
border-style: Définit le style de la bordure |
border-width: Définit la largeur de la bordure en pixels |
color: Définit la couleur du texte |
font-weight: Définit la largeur du texte |
Dans cet onglet, vous pouvez changer la couleur du bouton UI en fonction de son état.
state-default: Définit la couleur du bouton par défaut |
state-hover: Définit la couleur du bouton au survol de la souris |
state-active: Définit la couleur du bouton lorsque le bouton est actif |