переопределить материал фоновый цвет css - PullRequest
Новая
       8

переопределить материал фоновый цвет css

0 голосов
/ 13 марта 2019

Здравствуйте, я пытаюсь переопределить цвет фона материала, который я пробовал разными способами, но не могу его изменить

с помощью инспектора в веб-браузере нашел CSS, который содержит то, что я хочу изменить 

.form-control-wrapper .material-input::before {
position: absolute;
content: "";
width: 100%;
left: 0;
height: 2px;
background-color: #009587;
bottom: -1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
transition: -webkit-transform 0s;
transition: transform 0s;}

Я пытаюсь изменить этот код, но цвет материала сохраняется, есть идеи? Спасибо

Добавление дополнительного контента

<span class="material-input"></span>

внутри события до и после, часть before содержит цвет фона.

это HTML-код, вызывающий материал CSS: 

<div class="row">
                                <div class="col-lg-8 col-lg-offset-2">
                                    <div class="input-group">
                                        <span class="input-group-addon"><span id="icon" class="mdi mdi-social-person"></span></span>
                                        <input name="message" id="message" type="text" class="form-control" placeholder="Choose an username" aria-describedby="basic-addon1" maxlength="768">
                                        <span class="input-group-btn">
                                            <button id="send" class="btn btn-primary btn-flat">Connect</button>
                                        </span>
                                    </div>

1 Ответ

0 голосов
/ 13 марта 2019

Попробуйте использовать разметку ! Важный : 

.form-control-wrapper .material-input::before {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #009587 !important;
    bottom: -1px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 0s;
    transition: transform 0s;
}

Он навязывает это свойство всем другим установленным

...