Question

我们的应用程序的所有页面都有一个通用的.css主页，我们不允许更改此文件中的任何内容。

我们在那里有一个条目如下：

ul li{display:block;padding:0 0 0.5em 15px;margin:0 0 0 0;background:url(../images/bullet.gif) top left no-repeat;}

我正在其中一个jsp-s上实现预测搜索，我有一个特定的css文件用于此目的，如下所示

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: none;
    list-style: none;
    padding: 0;
    margin: 0;
    list-style: disc inside;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
        if width will be 100% horizontal scrollbar will apear 
        when scroll mode will be used
    */
    /*width: 100%;*/ 
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
 }

.ac_over {
    background-color: #0A246A;
    color: white;
}

我的问题是我无法从当前的预测搜索列表中删除此bullet.gif。如果我添加背景：无，我将丢失所有现有的背景颜色。如何阻止此bullet.gif显示在我的列表中。

请注意：我也尝试使用background-image:none;但它无效，bullet.gif仍会出现在我的搜索列表中：（

问候，M

Answer 1

而不是background: none尝试：

background-image: none

Answer 2

你应该写

 background-image:none;

无法从主样式表中删除背景图像

2 个答案: