Как я могу изменить ввод заполнителя текста, используя CSS

Question

Я использую WordPress и пытаюсь изменить содержимое входного заполнителя с помощью CSS. Я смог сделать это в настольной версии.

.st-location-new:before {
    content: 'Routes';
    visibility:visible;
}

<label class="st-location-new">Where are you going</label>

В мобильной версии я не могу изменить текст заполнителя, применяя тот же метод, но безуспешно. Мне удалось изменить цвет и размер шрифта, но не содержимое.

<input type="text" name="location_name" class="form-control" readonly="" placeholder="Where are you going?" id="dropdown-mobile-destination" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" value="">

Answer 1

Попробуйте этот JavaScript код и удалите метку оператора

document.getElementsByName('location_name')[0].placeholder='Routes';