<p>J'utilise la bibliothèque vue3 et PrimeVue. Lorsque j'essaie de remplacer le champ CSS du composant PrimeView à l'aide du sélecteur <code>:deep()</code> Cela n'applique mes modifications que lorsque j'utilise des styles sans portée. Je ne comprends pas pourquoi cela ne fonctionne pas. </p> <p>Exemple de code avec <code>:deep()</code>: </p> <pre class="brush:js;toolbar:false;"><template> <Position du toast='buttom-right'/> </modèle> <portée du style> :deep(.p-toast-message-icône) { marge droite : 10px !important ; } </style> ≪/pré> <p>Cela ne fonctionne pas. </p> <p>Mais lorsque vous utilisez <code>style</code> sans portée, comme ceci : </p> <pre class="brush:js;toolbar:false;"><style> .p-toast-message-icône { marge droite : 10px !important ; } </style> ≪/pré> <p>Ça marche. </p>

<Toast
    :pt="{
        icon: { style: 'marginRight: 10px !important;' }
    }"
/>

<Toast
    :pt="{
        icon: { class: 'mr-2' }
    }"
/>