6 replies

Pseudo element not showing up

So I'm trying to make a currency input and I want it to have a dollar sign ($) floating inside of the input but not part of the actual value of the input (decoration if you will). im trying to do this with pseudo elements (first time using them). I have an input called

#cost

#cost

#cost

#cost with the code below, nothing shows up.

#cost::before {
    background-color: red;
    width: 1rem;
    height: 1rem;
    content: '$';
}

#cost::before {
    background-color: red;
    width: 1rem;
    height: 1rem;
    content: '$';
}

#cost::before {
    background-color: red;
    width: 1rem;
    height: 1rem;
    content: '$';
}

#cost::before {
    background-color: red;
    width: 1rem;
    height: 1rem;
    content: '$';
}

Pseudo element not showing up

Similar Threads

Similar Threads

Similar Threads