我试图更改固定栏菜单上的某些按钮的颜色,但它不起作用

时间:2015-05-28 12:16:26

标签: html css colors uinavigationbar

我选择的颜色并不重要它始终保持不变:类似于链接但是颜色较深蓝色..这是我的代码:

<!-- Create navigation bar-->
        <style>
            #TopBar{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:40px;
   background-color:#181818;
}
            </style>         
            <div id="TopBar"></div>     
        <!-- Create Page Links -->
        <ul>
  <li><a href="default.asp">Cos'è</a></li>
  <li><a href="news.asp">Chi Siamo</a></li>
</ul>
        <style>
        ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: white; 
    position: absolute;  
    font-size: 20px;        
}
        </style>
<style>
        li {
    display: inline;
}
        </style>

我希望有人可以帮助我尽快改变按钮的颜色

4 个答案:

答案 0 :(得分:2)

您需要更改a的css。请在您的代码中添加此内容

a{color:green;}

你可以将颜色从绿色改变为你想要的颜色。

答案 1 :(得分:0)

您可以使用inline CSS解决此问题,如下所示:

<li><a style="color: #00ff00;" href="default.asp">Cos'è</a></li>

或:

使用上述方法,您必须将其应用于每个a元素,这就是为什么使用此解决方案更好:

li a {
color: #00ff00;
}

答案 2 :(得分:0)

我已将红色应用于链接。

li a{
    color:red;
  }

http://jsbin.com/kaduqoharu/2/

答案 3 :(得分:-1)

更多信息会有所帮助。

如果您想在每个菜单按钮上使用不同的背景颜色,请在标记中添加“样式”和“背景颜色”代码。例如:

  <li><a style="background-color:red;" href="news.asp">Chi Siamo</a></li>

编辑:

或者,如果您尝试更改文本的颜色,可以将其添加到每个标记中,如果您要为每个标记使用不同的颜色。

      <li><a style="color:red;" href="news.asp">Chi Siamo</a</li>

希望这有帮助!