JSFiddle - React, Tailwind, and code Playground

by WilsonPage

HTML

<textarea placeholder="I'm old fashioned and rubbish"></textarea>

<textarea class='-border-box' placeholder="I'm actually 100% of the available width and 100px tall. I work on IE8 and up. We can be friends!"></textarea>

CSS

body { padding: 20px; background: #F1F1F1; }

.-border-box { box-sizing: border-box; }

textarea {
    display: block;
    width: 100%;
    height: 100px;
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: inset 0 0 4px rgbA(0,0,0,0.15);
    resize: none;
    border-radius: 4px;
    border-color: #CCC #FFF #FFF #CCC;
    outline: none;
}