css中密码框那个眼如何让他长显示

CSS中的密码框眼睛是一个很有用的功能，它可以让用户在输入密码时查看密码，方便用户输入自己的密码信息。

在CSS中，我们可以使用以下代码实现密码框眼睛的显示：

input[type="password"] {
  padding-right: 30px;
  background: url('images/eye.png') no-repeat right center;
}

input[type="password"]:hover, 
input[type="password"]:focus, 
input[type="password"]:active {
  background: url('images/eye--blind.png') no-repeat right center;
} 

上述代码中，使用了两个不同的图片：一个显示开眼睛的图片，一个显示闭眼睛的图片。在没有用户交互时，输入框显示开眼睛的图片，当鼠标悬停，输入框得到焦点或者是激活时，显示闭眼睛的图片，用户可以通过点击图标来切换视图。

同时，我们也可以通过CSS的动画来让这种视图更加美观动态。以下是一个实现动态眼睛开合效果的代码段：

input[type="password"] {
  padding-right: 30px;
  background: url('images/eye.png') no-repeat right center;
  transition: all 0.5s; /* 添加动画效果 */
}

input[type="password"].show {
  background: url('images/eye--blind.png') no-repeat right center;
} 

上述代码中，我们添加了一个show类名，并在CSS中添加了一个transition动画属性，当添加show类名时，密码框眼睛会缓慢地切换为关闭状态，并且会有一个动态变化的过程。

总体来说，密码框眼睛是一个非常实用的功能，他可以让用户输入密码更加简便，同时我们也可以通过CSS的修改来让他变得更加美观动态。