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

Cro*_*uch 2 html css

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

.comments{
    border: 0 none #FFF;
    overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

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

.comments:focus{
    border: 0 none #FFF;
    overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

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

在btw上单击textarea之前,边框不可见.所以边界都没有用

Sac*_*hin 11

您需要outline:none为textarea 设置 .

.comments:focus{
    border: 0 none #FFF;
    overflow: hidden;
    outline:none;
}
Run Code Online (Sandbox Code Playgroud)

Js Fiddle演示