CSS3输入焦点问题

Question

我有一个带有一些输入的表单。我想要的是，当用户点击文本框时，它会突出显示颜色。要做到这一点，我在Chrome和Firefox 3.6.17中使用CSS3和CSS3 Generator。但我没有在任何浏览器中获得结果。这是我正在使用的代码。

.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

首先将大纲无添加到您的：焦点...

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

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

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