html - Style a textarea with half border -


how can textarea have half border , 1 image below? , css.

enter image description here

in html looks :

    <div class"textareakeeper">     <textarea class="fordesc">small description</textarea> </div> 

try shift textarea upwards , adjust margins , paddings.

see demo (fixed browser inconsistencies).

textarea {     width: 198px;     height: 20px;     line-height: 20px;     top: -12px;     border: none;     resize: none;     margin-left: 2px;     position: relative;     padding: 0 2px; } div {     border-left: 2px solid red;     border-right: 2px solid red;     border-bottom: 2px solid red;     height: 10px;     width: 204px;     margin-top: 20px; } 

Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -