Comment puis-je remplacer le CSS définie sur un pseudo-élément?

Je sais qui a été demandé avant, mais je trouve pas de moyen propre de substitution de ce CSS:

.ui-input-search:after {
    content: "";
    height: 18px;
    left: 0.3125em;
    margin-top: -9px;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    width: 18px;
}

J'ai besoin de laisser ui-input-search sur l'élément, mais peut ajouter ma propre classe, comme:

.ui-input-search-no-pseudo:after {
   content: "";
}

Question:

Est-il un moyen facile de supprimer les "pseudo-css" sans avoir à remplacer le CSS, ligne par ligne?

Merci!

InformationsquelleAutor frequent | 2013-07-24
  1. 101

    Aussi loin que je peux voir, il n'y a pas d'autre moyen que de remplacer toutes les propriétés. Les styles sont définis sur l'élément, ils ne seront pas simplement disparaître à cause d'un autre sélecteur objectifs de l'élément.

    Si vous souhaitez supprimer le pseudo élément de la page, vous pouvez faire content: none.

    • le content: none était ce dont j'avais besoin. Parfait! Thx.
    • La différence entre content: "" et content: none est que content: "" produit un pseudo-élément sans contenu (c'est à dire un vide pseudo-élément), alors que content: none empêche le pseudo-élément de produits à tous.
    • commentaire devrait être inclus dans la réponse pour les explications.
    InformationsquelleAutor Sacha
  2. 6

    Ici content: ""; n'a pas d'effet si vous souhaitez supprimer le pseudo que vous avez à utiliser content:none; il va supprimer précédemment ajouté pseudo de contenu.

    Si cela ne fonctionne pas, vous pouvez également essayer : 

    display:none; 
//or 
display:none !important;

    voici de travail jsfiddle

    https://jsfiddle.net/ganeshswami99/52duu0x8/1/

    InformationsquelleAutor Ganesh