About that auto-complete select box

This is more a CSS question than a Rails one.

In AWDwR, in the script.aculo.us section talking about auto-completion,
it says

“It is worth highlighting that there is no JavaScript to enable the
arrow-up, arrow-down, highlight behavior of the list. It is enough to
provide the stylesheet above; it turns out that all

    tags support
    that behavior (in relatively modern browsers) and just need styles to
    show off the changing state.”

    So am I right in believing that the following .html file would display
    something like a selection box, when arrow-up, arrow-down and mouse
    hover events happen? Doesn’t seem to. All other CSS select boxes on the
    Web have at least a :hover definition, and a little bit of JavaScript
    for IE.

    div.auto_complete { width: 350px; background: #fff ; } div.auto_complete ul { border:1px solid #888 ; margin:0; padding:0; width:100%; list-style-type:none; } div.auto_complete ul li { margin:0; padding:3px; } div.auto_complete ul li.selected { background-color: #ffb ; } div.auto_complete ul strong.highlight { color: #800 ; margin:0; padding:0; }
    • one
    • two
    • three

This forum is not affiliated to the Ruby language, Ruby on Rails framework, nor any Ruby applications discussed here.

| Privacy Policy | Terms of Service | Remote Ruby Jobs