How To Create Styling Textarea Using CSS With Example

admin_img Posted By Bajarangi soft , Posted On 05-11-2020

Only Using CSS we can create responsive textarea field .So today we discuss how to do it.

How To Create Styling Textarea Using CSS With Example

Complete Code For Creating Styling Textarea Using CSS .
Create Index.html and implement below code in it.

<!DOCTYPE html>
<html>
<head>
    <title>How To Create Styling Textarea Using CSS With Example</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>

</head>
<style>
    body {
        background: #c7254e;
    }
   textarea{
       width: 100%;
       height: 150px;
       padding: 12px 20px;
       box-sizing: border-box;
       border: 2px solid #ccc;
       border-radius: 4px;
       background-color: #f8f8f8;
       font-size: 16px;
       resize: none;
   }
</style>
<body>
<br/><br/>
<div class="container">
    <br>
    <div class="text-center">
        <h1 id="color" style="color: white;">Create Styling Textarea Using CSS With Example</h1>
    </div>
    <br>
    <div class="well">
        <form>
            <label>Am Responsive Textarea</label>
            <textarea>Some text...</textarea>
        </form>
    </div>
    <br>
</div>
</body>
</html>

Related Post