Question

我有一个通过Javascript脚本验证的表单。该脚本的一个功能是突出显示已根据它们包含的原始值修改的输入字段。

它可以工作，但当其中一个输入字段突出显示时，它会变得比正常情况下更厚。

JS脚本只是在输入框中添加一个类：

function evidenzia_cambiamenti(id,testo) {
    if (typeof(testo) === 'undefined') testo = '';
    if ((document.getElementById(id).value != testo)) {
        $('#'+id).addClass('campo_modificato');
        $('#'+id).removeClass("errore_campo");
        $('#'+id).removeClass("campo_obbligatorio");
    } else if (document.getElementById(id).value == testo) {
        $('#'+id).removeClass('campo_modificato');
    }
}

虽然CSS类只是修改了背景颜色：

.campo_modificato {
    background-color: #FFFFCC;
}

虽然没有任何操作删除输入框的默认属性，但我无法理解两个视图之间的区别：

http://i57.tinypic.com/w8qiia.png - ＆gt;未突出显示的字段
http://i58.tinypic.com/21n1niu.png - ＆gt;突出显示的字段

提前谢谢。

Answer 1

应用此css：此类适用于输入

input.campo_modificato:focus {
    border-style: solid;
}

CSS背景颜色修改后输入框变粗

1 个答案: