JSFiddle - React, Tailwind, and code Playground

HTML

<div style='float:left;'>
     <h1>Placeholder işlem yapılmamış</h1>
     <input type="text" placeholder="Adınız ve Soyadınız" />
     <textarea placeholder="Kısa bir açıklama yazınız"></textarea>
</div>
<div style='float:left; margin-left: 50px;'>
    <h1>Placeholder işlem yapılmış</h1>
    <input type="text" placeholder="Adınız ve Soyadınız" class='siyahYazi'/>
    <textarea placeholder="Kısa bir açıklama yazınız" class='siyahYazi'></textarea>
</div>

CSS

input[type=text]{width: 450px; height: 40px; font-size: 30px; color: #000; display: block; margin: 20px 0; font-family: 'Arial'; font-weight: bold;}
textarea{width: 450px; height: 140px; font-size: 30px; color: #000; font-family: 'Arial'; font-weight: bold;}
            
.siyahYazi:-moz-placeholder { /* Firefox 4 - 18 arası */
   opacity:1;
}

.siyahYazi::-moz-placeholder { /* Firefox 19+ */
   opacity:1;

}

.siyahYazi:-ms-input-placeholder { /* Internet Explorer 10+ */
   opacity:1;
}

.siyahYazi::-webkit-input-placeholder { /* WebKit browsers */
    opacity:1;
    color: #000;
}