css点击输入框隐藏 |css背景图填充

.input:focus ~ .hide {
display: none;
}

上面的代码是一个很简单的CSS隐藏功能实现方式。它使用了CSS中的:focus伪类及CSS中的波浪符（~）来实现。当用户点击输入框时，:focus伪类就会起作用，并且把与其相邻的.hide元素隐藏，使得输入框区域更加宽敞。

需要注意的是，这种方法只能用于一些简单的隐藏效果。对于更加复杂的隐藏功能，需要使用JavaScript或jQuery来实现。此外，在使用CSS隐藏功能时，一定要注意页面的兼容性，不同的浏览器可能会对:focus伪类的支持程度存在差异，需要进行测试和兼容。