HTML输入文本框异常行为

Question

我正在使用joomla模板我在其中创建了一个自定义表单一切都很好但是当我单击任何输入字段并将鼠标移出该输入框时，它会获得一些未知属性，边框大小增加2px，如上所示状态“点击并鼠标移出”。我检查了悬停的CSS属性，但它对我不起作用。我该如何摆脱这个问题？ 我的CSS是

.userforminput{
border: 1px solid #ccc;border-radius: 0;color: #333;height: 15px;padding:   2px;background: 0;margin: 0 2px 4px;max-width: 327px;
}
.userforminput:hover{

border: 1px solid #000000;
}

Answer 1

在你的css中，添加以下内容：

input {
    border:0;
    outline:none;
}