去处浏览器的默认效果（autocomplete, outline）

最近在开发过程中遇到了几个之前很少用的东东，总结下，希望可以帮到和我一样的新手们。

1. 因为开发一个suggestion组件，但input框有两个默认的情况 （1）当你输入了一个value,及时刷新了，这个value还存在， （2）当鼠标onfocus到输入框时，会有个默认自带的层出现如图。   

这两个默认情况明显与suggestion会有冲突 ，其实只用将autocomplete设为off就可以了，即<input type="text" autocomplete="off"/>就可以了

 

2. 在chrome下，当点击一个输入框时，经常会出现

   

浏览器会默认加的这个效果在某些时候会影响原本的风格，只用加一个样式，outline:none就可以清除了。