php - 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;
}