Блог

Главная - Вопросы по программированию - можем ли мы заполнить цветом значок отключения шрифта awesome?

можем ли мы заполнить цветом значок отключения шрифта awesome?

#html #css #bootstrap-4 #font-awesome #font-awesome-5

#HTML #css #bootstrap-4 #шрифт-awesome #шрифт-awesome-5

Вопрос:

значок отключения шрифта awesome

<i class="fa fa-toggle-off" style="color:red" ></i>

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

Я хочу показать это, как показано ниже

введите описание изображения здесь

Как я могу это сделать?

Заранее спасибо.

Ответ №1:

С этим значком вы не можете получить то, что хотите. В качестве альтернативы вы можете использовать fas fa-toggle-on и повернуть его на 180 градусов. CodePen: https://codepen.io/kitchup/pen/yYeMXE

 //HTML
<span class="toggle-off">
  <i class="fas fa-toggle-on"></i>  
</span>

//CSS
.toggle-off{
  display: inline-block;
  font-size: 30px;
  color: red;
  transform: rotate(180deg);
}

Ответ №2:

 <span style="color: red">
    <i class="fa fa-toggle-off"></i>
</span>

Вам нужно будет использовать что-то вроде этого.