苏飞论坛

标题: css-input获取焦点时，设置placeholder隐藏 [打印本页]

作者: xyc 时间: 2021-8-18 17:33
标题: css-input获取焦点时，设置placeholder隐藏
   input 默认的情况下在没有内容之前placeholder的内容是不会消失的，做项目中会遇到在获取input焦点时，placeholder内容就要隐藏掉，下面就来说下这个实现的方法。
   实现方法：

[C#] 纯文本查看 复制代码

input:focus::-webkit-input-placeholder{

    opacity: 0;

}

   默认时效果：
   (, 下载次数: 9)

   加过样式之后效果：
    (, 下载次数: 9)

   当获取焦点的时候，把placeholder给设置透明，这样就解决了输入时获取到焦点，placeholder内容就会隐藏了。

欢迎光临苏飞论坛 (http://www.sufeinet.com/)