javascript - 输入文本中的 CSS 动画？

Question

我想要实现的是在输入文本中有一个选取框，比如 blow；

<input type="text" class="form-control" value="<marquee>Hi</marquee>" disabled></input>

我已将其标记为 JavaScript，因为我认为仅使用纯 html 是不可能的，但是我可能会弄错。

编辑 - 也许不是过时的<marquee>标记，我可以使用 CSS 动画而不是选取框来创建跨输入滚动的文本。

Answer 1

CSS 动画可以模仿该功能。

@-webkit-keyframes marquee {
    0% {text-indent:100%;}
    100% {text-indent:-10%}
}

input.marquee {
  -webkit-animation: marquee 5s infinite;
  -webkit-animation-timing-function: linear;
  }

<input type="text" class="form-control marquee" value="Hi" disabled ></input>

<marquee>Hi</marquee>