纯css实现input输入时右侧显示全部删除按钮

html：

实现这个功能很简单，除了基本的样式外，另外添加

.export-input:valid + .clear-input {display: block;}

说明：

在Input后面放个清除的按钮；

:valid 选择器在表单元素的值需要根据指定条件验证时设置指定样式（这里要记得在input里面加上required="required"，表示必须）；

 +号的意思是input后面那个css样式名；

“clear-input”要先隐藏，这个隐藏不要写在行内。

这句话的意思就是：当name-input框内有文字的时候，clear-inout就要显示出来。