Cara Membuat Text Box Keren dengan Gaya CSS

Cara membuat text box, copy paste tulisan berikut

<textarea rows="5" cols="20" name="Privacy Policy" readonly="readonly" style="height: 260px; margin: 2px; width: 630px;">Your text here</textarea>

Ganti your text here dengan isi yang anda inginkan, contoh

<textarea rows="5" cols="20" name="Privacy Policy" readonly="readonly" style="height: 260px; margin: 2px; width: 630px;">Isi yang anda inginkan</textarea>

Cara memperindah dengan CSS. Tagnya berupa textarea, cari kode berikut

]]></b:skin>

Diatas kode tersebut copy paste kode berikut

textarea {

font-family: Ubuntu, sans-serif;monospace

}

textarea {

-webkit-appearance: textarea;

background-color: white;

border-left: solid;

border-image-source: initial;

border-image-slice: initial;

border-image-width: initial;

border-image-outset: initial;

border-image-repeat: initial;

-webkit-rtl-ordering: logical;

-webkit-user-select: text;

flex-direction: column;

resize: auto;

cursor: auto;

padding: 2px;

white-space: pre-wrap;

word-wrap: break-word;

border-left-color: green;

}

Ganti border-left dengan border jika anda mau memberi batas ke semua sisi. Ganti warna white dan green dengan warna yang anda inginkan.

Tambahkan kode lain yang anda mau (bila mengerti CSS, hehehe).