2014-10-11 24 views
1

当前,当我将鼠标悬停在链接上时,文本变白,没有下划线。在HTML中删除下划线格式化CSS

但是,当文本是而不是被盘旋时,它是紫色的并加下划线;我怎样才能删除这个装饰,使文本是白色的,而不是下划线?

enter image description here

这里是代码

.sidebar 
{ 

    padding-left:770px; 
    margin-bottom:-400px; 
    width:100px; 
    text-decoration:none; 

} 
.sidebar ul 
{ 
    padding-left:0px; 

    color:Blue; 
    font-size:15px; 
    font-family:Candara; 
     width: 250px; 
     background-color:#2A5395; 
     color:White; 
padding-bottom: 10px; 
padding-left:10px; 
text-decoration:none; 
} 
.sidebar li 
{ 
padding-top:10px; 
border-color:#ECECEC !important; 
color:White; 
text-decoration:none; 
} 

.sidebar a:hover { 

    text-decoration:none; 
    background-color:transparent; 
    color:White; 

} 

标记

<div class="sidebar"> 
<h2 class="indxparaz">HOT LINKS</h2> 
<ul class="sidebar"> 
<li><a href="Upcoming_events.htm">Up Coming Events</a> </li> 
<li><a href="Member_ship.html">Membership</a></li> 

回答

1
.sidebar a { 
    text-decoration:none; 
} 

.sidebar a:hover { 
    background-color:transparent; 
    color:White; 
} 
0
.sidebar a, 
.sidebar a:hover, 
.sidebar a:active { 
    color: #fff; 
    text-decoration: none; 
} 
1

在这里,您添加一些CSS代码到你的CSS文件中像

.sidebar a{ 
    text-decoration: none; 
    color:white; 
} 
0

尝试以下

.sidebar a:visited { 
    text-decoration:none; 
    color:black; 
} 

此外,如果你不想文本修饰任何地方侧边栏链接,去 .sidebar一个{ 文字修饰:无重要; }

0
.sidebar a{text-decoration: none;color:white;}