如何在Bootstrap 3中更改textarea的焦点发光?

时间:2015-02-18 01:03:54

标签: css3 twitter-bootstrap-3

如果关注Bootstrap 3输入和textareas,我想改变蓝光。

我尝试添加this

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {   
    border-color: rgba(229, 103, 23, 0.8);
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6);
    outline: 0 none;
}

到我的costum.css,但它只改变输入字段的光晕,而不是textarea。 我也试过this

.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

没有改变。

我不是一名CSS精明的人,所以感谢你的帮助。

1 个答案:

答案 0 :(得分:16)

尝试使用:

textarea:focus, input:focus, .uneditable-input:focus {   
    border-color: rgba(229, 103, 23, 0.8) !important;
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6) !important;
    outline: 0 none !important;
}