样式搜索结果(文本),如下拉菜单

时间:2016-08-23 08:17:00

标签: javascript html css

我在互联网上搜索过输入字段的搜索结果样式,但没有那么多......或者可能只是我不是很擅长这个...;)所以我的问题是我怎么能设置输入字段的搜索结果,如下拉菜单?如果它有用,我做了一个ajax实时搜索,这就是我想要输出样式的原因。早点谢谢!(希望我很清楚:))

这是我的HTML:

<body>
    <h1>LIVE SEARCH WITH AJAX TEST</h1>
    <div class="search">
    <input type="search" name="search" id="recherche" class="search">
    </div>
    <br>
    <div class="resultat" id="resultat">
        <a href="#">Search Result #1</a>
        <br>
        <a href="#">Search Result #2</a>
        <br>
        <a href="#">Search Result #3</a>
        <br>
        <a href="#">Search Result #4</a>
    </div>

</body>

1 个答案:

答案 0 :(得分:0)

您可以使用带有选择器的css设置样式,就像任何html元素一样。这是quick guide它会给你一些想法。