如何在Opera中删除文本框大纲

Question

我测试了下面的代码，但没有成功：

input[type="text"]:focus, input[type="password"]:focus {
    outline:none;
    -moz-transition: box-shadow 0.3s ease-out 0s;
    background-clip: padding-box;
    border: 1px solid #B6B6B6;
    border-radius: 3px 3px 3px 3px;
    color: #404040;
    font-size: 16px;
    height: auto;
    line-height: 16px;
    padding: 10px;
}

这里有什么东西我不见了吗？

Answer 1

Opera应用黄色轮廓以形成已保存登录信息的输入。我认为不可能用CSS覆盖它。

Answer 2

而不是使用outline：none;尝试使用border：0;给出大纲：没有人会创建跨浏览器问题...

Answer 3

将此添加到您正在使用的CSS中

textarea:focus {
 outline-width: 0;
}

Answer 4

对我而言，它适用于Opera / Safari / Chrome

上的添加

input:focus {
  outline: 0 none;
}