html - CSS3输入焦点问题

Question

我有一个包含一些输入的表单。我想要的是，当用户单击文本框时，它会用一种颜色突出显示。为此，我在 Chrome 和 Firefox 3.6.17 中使用了 CSS3 和 CSS3 生成器。但是我在任何浏览器中都没有得到结果。这是我正在使用的代码。

.user-input:focus {
  -webkit-box-shadow: 0 0 5px #249663;
  -moz-box-shadow: 0 0 5px #249663;
  box-shadow: 0 0 5px #249663;
  behavior: url(../css/pie.htc);
}

有什么帮助吗？

最好的问候， 蒂亚戈·卡斯特罗

Answer 1

首先添加 outline none 到你的 :focus...

.user-input:focus {
   outline: none;
}

您可能需要强制 webkit 摆脱其默认样式...

.user-input {
  -webkit-appearance: none;
}