user3872094 user3872094 - 1 year ago 49
CSS Question

get rid of rectangle around rouded boxes

I've a text area in my html, and this has rounded edges. but when I click inside the text area, it is showing a rectangle around the rounded edges.

Below is my HTML.

<textarea placeholder="Enter Text Here..." id="usermsg" class="Textareausermsg" onclick="TextAreaToggle()" style="margin: 0px 0px 0px -50px; width: 490px; height: 41px;"></textarea>


and here is my CSS

.Textareausermsg {
border-radius: 15px;
font-size: 15px;
text-align: left;
line-height: 34px;
}


please find the working fiddle https://jsfiddle.net/jrss9192/1/

please let me know how can I fix this issue.

Thanks

Answer Source

Just remove the outline

.Textareausermsg {
    border-radius: 15px;
    font-size: 15px;
    text-align: left;
    line-height: 34px;
    outline: 0;
}
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download