CODEWITHSUNDEEP
htmlcssformshide
gries
gries

Reputation: 1143

css hide span after input

Hi I am trying to hide a span after an input field with the following code:

 <style>
 input~span:after { opacity: 0;}
 </style>
 ...
 <input type="email" />
 <span>Test</span>

But the span is still shown in the browser HOWEVER if I inspect the element with firebug, it tells me that the span has opacity: 0;

Am I missing something?

Upvotes: 0

Views: 716

Answers (1)

Gabriele Petrioli
Gabriele Petrioli

Reputation: 195992

Why :after ? That is for creating pseudoelements..

<style>
    input~span{ opacity: 0;}
</style>

Upvotes: 3

Related Questions