2014-10-11 90 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;}