title: How can I change an input placeholder text using CSS
body: <p>I am using wordpress and I am trying to change the content of an input placeholder content using CSS. I was able to do it in the desktop version by doing this.</p>
  
  <pre><code>.st-location-new:before {
      content: 'Routes';
      visibility:visible;
  }
  </code></pre>
  
  <pre><code>&lt;label class="st-location-new"&gt;Where are you going&lt;/label&gt;
  </code></pre>
  
  <p>In the mobile version I can't get to change the placeholder text by applying the same method but without any success. I was able to change the color and size of the font but not the content.</p>
  
  <pre><code>&lt;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=""&gt;
  </code></pre>