Autocompleter CSS Suggestions

2 views
Skip to first unread message

infringer

unread,
Sep 30, 2010, 11:03:01 AM9/30/10
to MyTableGrid
Just a few autocompleter CSS suggestions, below is my updated css.

Remove width in "div.autocomplete" to allow width to become whatever
the input width is.
Remove height in "div.autocomplete ul li", this allows items to wrap
text. I also add a border at the bottom of each li option.


/***********************************************
* Autocompleter Definition
***********************************************/
div.autocomplete {
position: absolute;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;

/* width: 250px;*/
background-color: white;
border: 1px solid #ccc;
margin: 0;
padding: 0;
}
div.autocomplete ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div.autocomplete ul li {
list-style-type: none;
display: block;
margin: 0;
padding: 3px;
/* height: 18px;*/
cursor: pointer;
vertical-align: middle;
border-bottom: 1px solid #999;
}

div.autocomplete ul li.selected {
background-color: #ffff99;
}
Reply all
Reply to author
Forward
0 new messages