删除Chrome中的焦点颜色

Question

我的输入和textarea字段在聚焦时会出现一种颜色:

这似乎发生在Chrome中,但不是Firefox.

我试图用一些jQuery改变颜色:

if ($('body').is('#contact')) {
        $('input').focus(function() {
            $(this).css('border', '2px solid #ce1443');
            console.log('focus');
        });

         $('textarea').focus(function() {
            $('textarea').css('border', '2px solid #ce1443');
        });
    }

然而,这似乎只会使当前边界更大......但它没有消除蓝色.

Answer 1

使用outline: noneCSS属性:http://jsfiddle.net/ZnefN/.

Answer 2

试试css:

input:focus {
    outline: none;
}

并获取所有输入和文本区域以及选择框

input:focus, select:focus, textarea:focus {
    outline: none;
}

另外,我觉得这可能是多余的这个问题,