v2.5.2
Giriş yap

Yardım

Anonim
678 defa görüntülendi
3

Ben bir jquery autocomplete projesinde çalışıyorum.Sorun şu bu kodu denediğim zaman arrayin içindekilerine göre gösterdiğini anladım.Ancak ben bu gösterimi csss ile güzelleştirmek istiyorum autocomplete de html koduna izin vermiyor.Ne yapmalıyım

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>jQuery UI Autocomplete - Default functionality</title>
    <link
      rel="stylesheet"
      href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"
    />
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
      $(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"
        ];
        $("#tags").autocomplete({
          source: availableTags
        });
      });
    </script>
  </head>
  <body>
    <div class="ui-widget">
      <label for="tags">Tags: </label>
      <input id="tags" />
    </div>
  </body>
</html>

Jquery aotucomplete

css html javascript jquery
Cevap yaz
Cevaplar (3)
qplot
1463 gün önce

hem yardım baslıgı acıp hemde anomin soranlara nıyeyse cevap veresım gelmıyor :)

ama en köylü yonetemı chrome ıle sag tıkla incele de kı bu hepsınde gecerlı duzenlemek ıstedıgın alanı sec css neyı gosterıyorsa
onu bul kafana gore duzenle

1
#002526
deneme123321
1462 gün önce

@qplot tşk.

1
#002527
jct
1463 gün önce

Hazır scriptlerde CSS düzenlemesi için ya orjinal CSS dosyasından düzenleme yapmalı yada kendi CSS dosyanda ek düzenlemeleri !important ile zorlamalısın.

Örnek üzerinden yürüyecek olursak. Ben şunu yapardım;

<div class="ui-widget Ek-Class">
    <label for="tags">Tags: </label>
    <input id="tags" />
</div>

.Ek-Class{
    background-color: red!important;
}
0
#002519