去处浏览器的默认效果(autocomplete, outline)

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

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

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

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

   

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

原文地址:https://www.cnblogs.com/fang9159/p/browserdefault.html