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

sup*_*rio 7 css3 twitter-bootstrap-3

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

我尝试添加这个

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;
}
Run Code Online (Sandbox Code Playgroud)

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

.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}
Run Code Online (Sandbox Code Playgroud)

什么都没改变.

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

Dra*_*zah 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;
}
Run Code Online (Sandbox Code Playgroud)

  • 如果需要一些透明颜色值,请使用rgba().在这里阅读RGBA:http://www.w3schools.com/cssref/css_colors_legal.asp,在这里:http://www.w3schools.com/cssref/tryit.asp?filename = trycss_color_rgba (2认同)