Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
127
rated 0 times [  131] [ 4]  / answers: 1 / hits: 16258  / 11 Years ago, wed, november 6, 2013, 12:00:00

Jquery Autocomplete suggestions list font is very bigger ,I want to be small like typing in text box font need. how to restrict with small fonts in suggestions list ? Please see the below screen and code:



<!DOCTYPE>
<html>
<head>
<title>Auto Complete in JSP Java</title>
<link rel=stylesheet href=http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css />
<script src=http://code.jquery.com/jquery-1.9.1.js></script>
<script src=http://code.jquery.com/ui/1.10.2/jquery-ui.js></script>
<STYLE TYPE=text/css media=all>
.ui-autocomplete {
position: absolute;
cursor: default;
height: 200px;
overflow-y: scroll;
overflow-x: hidden;}
</STYLE>
<script>
$(function() {
$(#names).autocomplete({
source: function(request, response) {
$.ajax({
url: searchName.jsp,
type: POST,
dataType: json,
data: { name: request.term},
success: function( data, textStatus, jqXHR) {
var items = data;
response(items);
},
error: function (error) {
alert('error: ' + error);
}
});
},
minLength: 3
});
});
</script>
</head>

<body>
<input type=text name=name id=names />
</body>
</html>

More From » jquery

 Answers
75

It is defined in:



.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
}


But you may precede it something e.g.



.ui-autocomplete.ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
}

[#74452] Wednesday, November 6, 2013, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
turnerf

Total Points: 620
Total Questions: 101
Total Answers: 109

Location: French Polynesia
Member since Tue, Jul 7, 2020
4 Years ago
turnerf questions
;