html - 聚焦时如何去除文本区域边框？

Question

我已经设法删除了文本区域边框，但我想要它，这样用户即使在单击它时也看不到边框。这是我目前的 CSS。

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

我试过使边框透明，我也试过这个但它也不起作用，也试过其他属性处于事件状态等。

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

焦点是否可以去除边框？

顺便说一句，在文本区域被点击之前，边框是不可见的。所以 border none 确实有效

Answer 1

您需要为文本区域设置outline:none。

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

Js Fiddle Demo