Блог

Главная - Вопросы по программированию - Как изменить форму курсора терминала Jquery? Я хочу, чтобы это было ‘|’, а не блок

Как изменить форму курсора терминала Jquery? Я хочу, чтобы это было ‘|’, а не блок

#jquery #css #jquery-terminal

#jquery #css #jquery-terminal

Вопрос:

Как изменить форму курсора терминала Jquery? Я пытался возиться с CSS, описанным здесь http://terminal.jcubic.pl/css/jquery.terminal.css Но я мог изменить только цвет, а не форму!

Ответ №1:

Вы можете использовать border-left для имитации курсора панели следующим образом:

 .terminal .inverted, .cmd .inverted, .cmd .cursor.blink {
  color: #aaa;
  border-left: 1px solid #aaa;
  background-color: black;
  margin-left: -1px;
}
@keyframes terminal-blink {
  0%, 100% {
      border-left-color: #aaa;
  }
  50% {
      border-left-color: #000;
  }
}

вот демонстрация с анимацией префикса для других браузеров.

РЕДАКТИРОВАТЬ Прямо сейчас вы можете использовать переменную css --animation: terminal-bar; для включения курсора.