JSFiddle - React, Tailwind, and code Playground

HTML

<p>Default placeholder formatting: ,</p>
<input id="searchBarTextbox" type="search" class="k-textbox1" placeholder="Search For..." />

<br/>
<br/>
<br/>
   
<p>Desired placeholder formatting: ,</p>
<input id="searchBarTextbox" type="search" class="k-textbox" value="Search For...">

CSS

::-webkit-input-placeholder {
  color: black;
  font-weight:bold;
}