Currently, I am utilizing Twitter Bootstrap 3.2.0 and below is the code snippet:
.textarea textarea {
background-color: white;
background-image: url("http://ello.96.lt/images/as.jpg");
line-height: 1.56em;
padding-left: 4.2em;
padding-right: 0.3em;
border: solid 1px #525252;
}<div class="col-lg-8 col-md-8 col-xs-12">
<!-- Name input-->
<div class="col-lg-10 col-lg-offset-1 col-md-10 col-xs-8 textarea">
<div class="form-group float-label-control">
<label for="" style="font-size: 2em;">Please leave some of yours contact details below</label>
<textarea id="email_comment" class="form-control" style="color: #424242 !important;" placeholder="Press here with mouse to edit and start writing a letter for me" rows="14"></textarea>
</div>
</div>
<!-- Form actions -->
<div class="col-lg-12 col-md-12 col-xs-12 form-group submit">
<button id="submit" type="button" class="btn btn-sunny text-uppercase btn-lg">Send</button>
</div>
</div>I am aiming to achieve the styling demonstrated in this example:
Link to desired styling on jsFiddle
Tutorial on creating notebook-like styling for textarea
I am trying to add double borders on the left and bottom of my textarea but haven't had success despite multiple attempts.