Suggestions de saisie automatique de jQuery - Liste des petites polices

StackOverflow https://stackoverflow.com/questions/19824820

Question

La police de la liste des suggestions de saisie automatique JQUERY est très plus grande, je veux être petite comme taper dans la police de la zone de texte. Comment restreindre les petites polices dans la liste des suggestions? Veuillez consulter l'écran et le code ci-dessous:

<!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>
Était-ce utile?

La solution

Il est défini dans:

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

Mais vous pouvez le précéder quelque chose, par exemple

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

Autres conseils

par exemple : 

$('.ui-autocomplete-input').css('fontSize', '10px');

Des informations sur le style du widget d'observation automatique peuvent être trouvées ici:

THEMING JQUERY ATTOCLE

La ul Marquage suivant le ui-autocomplete-input est les résultats qu'il génère. En ciblant ul.ui-autocomplete.ui-menu Vous devriez obtenir ce dont vous avez besoin.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top