2016-03-07 226 views
0

點擊後是否有一種維持按鈕屬性的方法。有胡佛和活躍的屬性,但有一個「點擊」屬性?檢查下面的鏈接:HTML CSS點擊屬性

http://bricbracs.com/hh/

您可以點擊其執行功能的各種按鈕。有沒有CSS屬性來顯示哪個按鈕被點擊?

這裏是CSS

.yearsx { 
font-size: 28px; 
letter-spacing: 1; 
    } 

.yearsx a { 
color: #888; 
text-decoration: none; 
} 
.yearsx a:hover { 
    color: #000; 
    text-decoration: underline; 
    } 
.yearsx a:active { 
    color: #B51E1E; 
    text-decoration: none; 
    } 

.monthsx { 
font-size: 28px; 
font-variant: small-caps; 
letter-spacing: 1; 
} 

.monthsx a { 
color: #B593CD; 
text-decoration: none; 
} 
.monthsx a:hover { 
color: #B52062; 
text-decoration: underline; 
} 
.monthsx a:active { 
color: #B5DE1C; 
text-decoration: none; 
} 

這裏的HTML

<div id="months" class="monthsx"> 
<a href="javascript:void(0);" 
onmouseover=update_1() 
onclick="dostuff()"/ > 
March</a> 

<a href="javascript:void(0);" 
onmouseover=update_2() 
onclick="dostuff()"/ > 
April</a> 

<a href="javascript:void(0);" 
    onmouseover=update_3() 
    onclick="dostuff()"/ > 
    May</a> 
</div> 


<div id="years" class="yearsx"> 
<a href="javascript:void(0);" 
    onmouseover=update_11() 
    onclick="dostuff()"/ > 
1990</a> 

<a href="javascript:void(0);" 
    onmouseover=update_12() 
    onclick="dostuff()"/ > 
    1991</a> 

<a href="javascript:void(0);" 
onmouseover=update_13() 
    onclick="dostuff()"/ > 
    1992</a> 

</div> 
+1

其被稱爲** visited:** –

+0

同意,visited:儘可能接近你會得到。它可以跨頁加載 –

+2

嘿,它沒有'visited:'!它是':visited'。正如在'a:visited {color:red;}'這是根據您的瀏覽器歷史編譯的。所以一旦你訪問了一個鏈接,它會顯示紅色(在CSS所在的頁面上),直到你清除你的瀏覽記錄。 –

回答

0

使用:visited功能是一個選項。另一個想法是,在JavaScript函數中,添加/刪除像改變字體顏色的selected這樣的CSS類。只要確保如果你去JavaScript /班級路線,你從舊項目刪除selected類,因爲我已經忘記做那麼多次

0

我想通了。只需使用.focus樣式屬性.yearsx a:焦點{