Как я могу получить синее свечение при наведении курсора на поле ввода текста?

Question

Я включил бутылку 3.3, но я не получаю синее свечение при парящем. Только когда выбрано поле, я получаю синие выделенные границы. Как я могу достичь синего свечения как эффект наведения?

<!-- Latest compiled and minified CSS --> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 

    <!-- CSS INCLUDES: --> 
    <link href="/static/css/common_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 
    <link href="/static/css/list_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 
    <link href="/static/css/generic_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 
    <link href="/static/css/ai_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 
    <link href="/static/css/koolindex_in.css?{{VERSION}}" rel="stylesheet" type="text/css"> 

ли я отменить эффект, и что произойдет, если я ставлю загрузочный код ниже моей CSS? Будет ли это работать?

Answer 1

Если нажать клавишу F12 в вашем браузере, вы можете увидеть, как написано CSS/HTML, таким образом, вы можете найти CSS для «синего свечения»:

border-color: rgba(82, 168, 236, 0.8); 
box-shadow: 0px 0px 8px rgba(82, 168, 236, 0.6); 

Если у вас есть класс, вы можете создать CSS для конкретного государства:

.yourClass:focus{ background: #f00; } 
#yourId:hover{ background: #00f; } 

CSS будет использовать последний CSS, что находится по умолчанию, но вы можете также использовать !important:

.example{ color: #0f0 !important; } /* Will be used first */ 
.example{ color: #f00; } 
.example{ color: #00f; } /* Will be used if the first wouldn't have !important */ 

Итак, если вы сначала загрузите свой css, а затем Bootstrap CSS, Bootstrap заменит ваш CSS, если вы не используете! Important.

Используйте google, чтобы узнать больше, поисковые слова: css, ввод css, css box-shadow