如何在关注时删除文本区域边框？

Question

我已设法删除文本区域边框，但我想要它，以便用户即使点击它也无法看到边框。这是我的css。

.comments{
    border: 0 none #FFF;
    overflow: hidden;
}

我尝试使边框透明，我也尝试了这个，但它也不起作用，也尝试了其他属性活动等。

.comments:focus{
    border: 0 none #FFF;
    overflow: hidden;
}

聚焦时是否可以移除边框？

在btw点击textarea之前，边框不可见。所以边界没有效果

Answer 1

您需要为textarea设置outline:none。

.comments:focus{
    border: 0 none #FFF;
    overflow: hidden;
    outline:none;
}

Js Fiddle Demo

Answer 2

textarea, input { outline: none; }