css中文本框中点击不显示边框

在CSS中，我们常常需要在文本框中添加边框以增强外观美观性。

但是在某些情况下，我们希望文本框被点击时不显示边框，这时候我们需要用到CSS的:focus伪类。

input[type=text]:focus{
    outline:none;
} 

如上代码所示，我们设置了当文本框被点击（处于focus状态）时，去除文本框的默认外边框（outline:none）。这样就可以实现点击文本框时不出现边框的效果了。

另外值得注意的是，如果我们需要保留文本框的hover状态下的边框效果，我们还需要在CSS中添加如下代码：

input[type=text]:hover{
    outline:solid 1px #aaa;
} 

通过这种方式，我们可以实现在文本框hover状态下出现边框，但是在点击时去除边框的效果，从而达到更好的视觉体验。