编写CSS代码，装饰input，当鼠标指向它时，能够出现如下tooltip...

Question

编写CSS代码，装饰input，当鼠标指向它时，能够出现如下tooltip。

注意：tooltip上部的小三角是用css生成的，并且需要有和tooltip一样的边框。当改变tooltip本身的边框颜色时，它也会随同变化。

&ltdiv>
    &ltinput placeholder='请输入文字' />
    &ltdiv class=' tooltip '>只能够输入英文字母、数字和下划线与中划线。</div>
</div>