JSFiddle - React, Tailwind, and code Playground

by sachips

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="form-group">
    <label for="exampleInputName">Name</label>
    <input type="text" class="form-control" id="exampleInputName" placeholder="名前を入力してください">
</div>

<div class="form-group">
    <label for="exampleMemo">Memo</label>
    <textarea class="form-control" rows="3" id="exampleMemo" placeholder="1000文字まで入力できます"></textarea>
</div>

CSS

/* Chrome, Safari */
.form-control::-webkit-input-placeholder{
    color: #ff9900;
}

/* Firefox */
.form-control::-moz-placeholder{
    color: #ff9900;
}

/* Firefox 18以前 */
.form-control:-moz-placeholder{
    color: #ff9900;
}

/* IE */
.form-control:-ms-input-placeholder{
    color: #ff9900;
}