Làm cách nào để ghi đè CSS được đặt trên một phần tử giả?

Question

Tôi biết rằng đã được yêu cầu trước đó, nhưng tôi thấy không có cách nào sạch của trọng CSS này:

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

tôi cần phải rời khỏi ui-input-search trên yếu tố, nhưng có thể thêm lớp của riêng tôi, như:

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

Câu hỏi:
Có cách nào dễ dàng để xóa "pseudo-css" mà không phải ghi đè lên dòng CSS không?

Cảm ơn!

Answer 1

Theo như tôi có thể nói không có cách nào khác ngoài việc ghi đè lên tất cả các thuộc tính. Các kiểu được định nghĩa trên phần tử, chúng sẽ không biến mất chỉ vì một bộ chọn khác nhắm vào phần tử đó.

Nếu bạn chỉ muốn xóa phần tử giả khỏi trang bạn có thể thực hiện content: none.

Answer 2

Ở đây content: ""; không có tác dụng gì cả nếu bạn muốn loại bỏ giả đó bạn phải sử dụng content:none; nó sẽ xóa nội dung giả được thêm trước đó.

Nếu điều đó không giúp bạn cũng có thể thử:

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

đây đang làm việc jsfiddle

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