火狐显示html效果,CSS样式问题-未在Firefox中显示

var results = {

Max: '

2: Max

',

Jil: '

3: Jil

'

}

$(document).on('focus', '#search_input', function() {

$("#autocomplete-list").css("display", "block");

//$("#autocomplete-list").show();

});

$(document).on('keyup', '#search_input', function() {

var serach_request = $("#search_input").val();

if(serach_request in results){

console.log(serach_request);

$("#autocomplete-list").html(results[serach_request]);

}else{

$("#autocomplete-list").empty();

}

});

$(document).on('click', function() {

$("#autocomplete-list").hide();

});

$("#autocomplete-list, #search_input_wrapper").on('click', function() {

event.stopPropagation();

});

/* Autocomplete Stlying */

.autocomplete-items {

position: absolute;

border: 1px solid #d4d4d4;

border-bottom: none;

border-top: none;

z-index: 99;

/*position the autocomplete items to be the same width as the container:*/

top: 100%;

left: 15px;

right: 15px;

}

.autocomplete-items div {

padding: 10px;

cursor: pointer;

background-color: #fff;

border-bottom: 1px solid #d4d4d4;

text-align: left;

}

/* When hovering an item: */

.autocomplete-items div:hover {

background-color: #e9e9e9;

}

/* When navigating through the items using the arrow keys: */

.autocomplete-active {

background-color: DodgerBlue !important;

color: #ffffff;

}