css对div设置border: none;出现的问题。

Question

问题描述：

我有一个div标签，里面嵌套一个input标签。对div设置边框，但是不想对input标签设置边框。

现在，我设置input标签的display：block; border:none;

用了几个浏览器测试了一下：

但是，当我点击输入框的时候在不同的浏览器中就出现问题了。

IE浏览器正常：

火狐浏览器也正常：

chrome浏览器出现了问题：

360浏览器也出现了问题：

Answer 1

那是input域的焦点样式～把input:focus伪类的样式设置一下～{border:none;box-shadow:none;}