选中后如何更改字体系列的输入

Question

当用户选择输入某个font-family时，我想将其更改为input text。

现在，我应该使用jquery还是css？

默认：

<input style="font-family:xxx" type="text" placeholder="test" />

选择它后输入......：

<input style="font-family:yyy" type="text" placeholder="test" />

Answer 1

使用css：焦点选择器

input:focus{
  font-family: some other;
}

Answer 2

如果您想使用jQuery，可以考虑.focus()，或.focusin()和.focusout()对。

Answer 3

我可以帮你解决这个问题。

input[type="text"] {
  font-family:yyy;
}

Answer 4

只需将一些CSS应用于元素的焦点。

input:focus { font-family: xxxx; }