0

我正在使用 Typeahead 自动建议。不幸的是，我不能使用引导 css，因为它会破坏整个站点。所以我基本上是在尝试手动设置弹出的动态生成的 ul 样式。在我尝试做 css 之前，我练习了使用 Firebug。从我在 Firebug 上所做的一切看起来都还不错。但是当我实际部署它时，css 不存在。

下面是我的html结构：

<body>
<div></div>
<div></div>
<div></div>
...
<div id="header">
    <div></div>
    <div></div>
    <div></div>
    ...
    <div id="textandpics">
        <div id="box">
            <div id="theoneimlookingat">
                <input type="text"/>
                // here is where the auto suggest ul will pop up
                <ul class="typeahead dropdown-menu/>
                    <li></li>
                    <li></li>
                    <li></li>
                    ...
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <div></div>
    </div>
</div>
...

CSS：

.typeahead {z-index: 1051;position: absolute;}
.typeahead .dropdown-menu {width:400px; margin:0; list-style:none; border:1px black solid;}
.typeahead .dropdown-menu > li {margin-left:7px;}
.typeahead .dropdown-menu > li:hover {background-color:#EEE8AA;}
.typeahead .dropdown-menu a {color:black; text-decoration:none;}
4

3 回答 3

2

有<ul>两个类，所以它们之间不应该有后代组合器..删除元素的两个类之间的空间，例如

.typeahead.dropdown-menu {
/* CSS */
}
于 2013-05-23T14:41:36.073 回答
1

你的语法是错误的。在您的 CSS 中，.dropdown-menu是.typeahead. .typeahead .dropdown-menu将您的CSS 规则更改为.typeahead.dropdown-menu或简单地更改为.dropdown-menu.

于 2013-05-23T14:42:10.580 回答
0

您在 ul 块中忘记了引号。试试这个：

<div id="header">
    <div></div>
    <div></div>
    <div></div>
    ...
    <div id="textandpics">
        <div id="box">
            <div id="theoneimlookingat">
                <input type="text"/>
                // here is where the auto suggest ul will pop up
                <ul class="typeahead dropdown-menu">
                    <li></li>
                    <li></li>
                    <li></li>
                    ...
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <div></div>
    </div>
</div>
于 2013-05-23T14:42:31.887 回答