css3 input框搜索特效

css3搜索框，一个简单input利用css3的:before和::after可以添加到选择器以创建伪元素，在这些伪元素上定义一些样式。当然还有:hover和:focus等选择器，hover表示鼠标移到某元素上就会处罚css事件；foucs就一般用在input中，它表示input属于可编辑状态时处罚css事件。