¿Cómo sobreescribo CSS establecido en un pseudo elemento?

Sé que se ha preguntado antes, pero no encuentro una forma limpia de anular este CSS:

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

Necesito dejar ui-input-search en el elemento, pero puedo agregar mi propia clase, como:

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

Pregunta:
¿Hay una manera fácil de eliminar "pseudo-css" sin tener que sobrescribir el CSS línea por línea?

Gracias!

Author: James Donnelly, 2013-07-24
Source

2 answers

Por lo que puedo decir, no hay otra manera que anular todas las propiedades. Los estilos se definen en el elemento, no desaparecerán simplemente debido a otro selector que se dirige al elemento.

Si solo desea eliminar el pseudo elemento de la página, puede hacer content: none.

 84
Author: Sacha,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-07-24 08:11:51

Aquí content: ""; no tiene ningún efecto si desea eliminar ese pseudo que tiene que usar content:none; eliminará el pseudo contenido previamente agregado.

Si eso no te ayuda también puedes probar: 

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

Aquí está trabajando jsfiddle

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

 4
Author: Ganesh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-19 05:44:59