摆脱粗糙的盒子周围的矩形

Question

我的html中有一个文本区域,这有圆角.但是当我在文本区域内单击时,它会在圆角边缘周围显示一个矩形.

下面是我的HTML.

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

这是我的CSS

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

工作小提琴https://jsfiddle.net/jrss9192/1/

Answer 1

只需删除轮廓

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