css - Comment contrôler la balise img d'une zone de texte?

Question

 <textarea class="content" style="width:650px;" name="content" required><p><img src="coverself/1497255947.png" /><img src="coverself/1497255744.png" /></p></textarea>

Je souhaite utiliser CSS pour contrôler toutes les balises img dans la zone de texte et appliquer cette syntaxe

.content p img
{
  height: auto;
  display: block;
  object-fit: cover;
  margin: 0 auto;
  max-width: 100%;
}

Mais peu importe comment je l'écris, il m'ignore. . . . Qu'est-ce qui ne va pas? ? ! S'il te plaît, mon Dieu

Si tel est le cas

img
{
  height: auto;
  display: block;
  object-fit: cover;
  margin: 0 auto;
  max-width: 100%;
}

Mais certaines de mes autres photos ne veulent pas faire ça

ＰＳ textarea utilise un éditeur HTML, ce que vous voyez est ce que vous obtenez

Answer 1

Si possible, remplacez textarea par un p ordinaire, ce sera beaucoup plus pratique.

Answer 2

Aucune image ne peut être placée dans la zone de texte

Answer 3

Vérifiez le style de la console du navigateur pour voir si elle est couverte par d'autres poids, ou si le sélecteur n'est pas sélectionné du tout