javascript - Jquery 自动完成字体 : change font in the box

Question

我是 jquery 的新手。 我正在探索 jquery 的自动完成功能。 我能够更改下拉列表的字体，但我无法更改字段本身的字体。 我该如何改变它？

谢谢。

 .ui-autocomplete.ui-widget {
      font: 400 1.5em/125% 'Sofia', Helvetica, Sans-serif;
      cursor: default;
      height: 200px;
      overflow-y: scroll;
  }

  .ui-autocomplete.ui-menu{
      font: 400 1.5em/125% 'Sofia', Helvetica, Sans-serif;
  }

  #input autocomplete {
      font: 400 1.5em/125% 'Sofia', Helvetica, Sans-serif;
  }


  .input{
    font: 400 1.5em/125% 'Sofia', Helvetica, Sans-serif;
  }

Answer 1

您的 HTML 是什么样子的？

输入是否有任何 id 或 class？

你有:

.input{
    font: 400 1.5em/125% 'Sofia', Helvetica, Sans-serif;
  }

这意味着您的输入具有“输入”类 我想你想做这样的事情:

input{
    font: 400 1.5em/125% 'Sofia', Helvetica, Sans-serif;
}

注意:我删除了点“.”从选择器