<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>
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; }