Yardım
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>
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;
}