Background Image ::placeholder::before

Issue

I want to put an icon to the placeholder of an input like:

.vue-input input {
    &::placeholder::before{
        content: '';
        display: inline-block;
        height: .75rem;
        width: 1.5rem;
        margin-right: .5rem;
        background-image: url(~/assets/flag-ch.png);
        background-size: 100% 100%;
        background-position: center;
    }

Is it possible to do that?

Solution

no, you don't. The element inpute don't have content.

Answered By - BlackStar1991