How do I change placeholder font size for bootstrap and bootstrap material design?
<p>My jsfiddle <a href="http://jsfiddle.net/jacky_lei/xtb51wed/974/" rel="noreferrer">here</a> has links to bootstrap and bootstrap material design. I want to make the font for the input placeholder smaller but it just doesn't budget, even with input-placeholder for moz or webkit. Any suggestions would be greatly appreciated. </p>

<p><strong>html</strong></p>



<pre><code>&lt;form class="form form-group has-info col-md-4"&gt;
      &lt;input class="search-input form-control" placeholder=" . . . enter pokemon name" type="text"&gt;
      &lt;button type="submit" class="btn btn-info btn-raised " name="button"&gt;Search!&lt;/button&gt;
 &lt;/form&gt;
</code></pre>

<p><strong>css</strong></p>

<pre><code>::-webkit-input-placeholder {
   font-size: 25px;
}

:-moz-placeholder { /* Firefox 18- */
      font-size: 25px;
}

::-moz-placeholder {  /* Firefox 19+ */
      font-size: 25px;
}

:-ms-input-placeholder {
      font-size: 25px;
}
</code></pre>