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

Pour plus d’informations