Question Modification des valeurs CSS avec «Inspecter les éléments» dans Google Chrome


J'essaie de comprendre comment modifier les styles CSS dans Google Inspector, je peux modifier le code HTML, PHP, mais pas les feuilles de style.

Je suis sur Debian, cela pourrait-il être un problème avec la version de Google Chrome?

J'utilise Chrome version 5.0.375.127.


2
2017-11-16 03:26


origine




Réponses:


L'édition d'un style en direct dans Chrome / Chrome dépend de la source du style et de ce que vous devez faire exactement avec lui (le niveau d'édition).

Ouvrez le Outils de développement console, puis développez le Styles menu déroulant. À partir de là, vous pouvez apporter quelques modifications.

  1. Modifiez un style (ou sélecteur) directement en double-cliquant dessus et en effectuant un changement.
  2. Activez ou désactivez les styles en passant le curseur sur un bloc de styles.
  3. Modifier les styles en ligne de la même manière qu'avec [1]

Vous pouvez également afficher la source d'un style donné (par exemple, fichier CSS, ligne de style en ligne au format HTML, etc.) [4] et en cliquant dessus, vous accéderez au fichier dans la vue des ressources ou dans la ligne de l'inspecteur DOM. Les styles barrés ont été remplacés, le style final peut être visualisé en regardant le style. Style calculé.

enter image description here


2
2018-03-15 03:53