3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

jQuery UI(Bootstrap4) オートコンプリート 候補背景色が透明になってしまう。→解決

Last updated at Posted at 2019-10-03

会社の受付フォームを趣味でごりごり作成しております。
オートコンプリートを実装しようとしているのですが、候補背景色が、
透明になってしまいます。透明以外の色(白色)にしたいです。どなた様かご教授お願いします。
⇒jQueryUI CSS を定義が必要なことがわかりました。追記したら解決しました。

form.html
↓追記したら解決しました。
<link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/cupertino/jquery-ui.min.css" />

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.png

form.html
<div class="col-sm-3 mb-5">
   <input id="検索" type="text" class="form-control" placeholder="検索">
</div>
main.js
  $(function () {
    var availableTags = [
      "ActionScript", "AppleScript", "Asp", "BASIC", "C",
      "C++", "Clojure", "COBOL", "ColdFusion", "Erlang",
      "Fortran", "Groovy", "Haskell", "Java", "JavaScript",
      "Lisp", "Perl", "PHP", "Python", "Ruby",
      "Scala", "Scheme"
    ];
    $("#検索").autocomplete({
      source: availableTags
    });
  });
3
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?