爲什麼點擊時css按鈕會失去其風格？

我完全失去了這一個。好了，所以我創建了一個按鈕，CSS，看看CSS代碼：爲什麼點擊時css按鈕會失去其風格？

.UploadPhotos a:link{ 
    display:block; 
    width:100px; 
    height:22px; 
    padding-top:2px; 
    margin-left:auto; 
    margin-right:auto; 
    text-align:center; 
    background:url(../images/btn_image.png) 0 0 no-repeat; 
    text-decoration:none; 
    color:#FFF; 
} 
.UploadPhotos a:hover{ 
    background-position: 0 -24px; 
    text-decoration:none; 
    color:#060; 
} 
.UploadPhotos a:active{ 
    background-position: 0 0px; 
    text-decoration:none; 
    color:#FFF; 
} 
.UploadPhotos a:visited{ 
    background-position: 0 0px; 
    text-decoration:none; 
    color:#FFF; 
}

現在這裏是HTML代碼：

<div class="UploadPhotos"> 
    <a id="UpLd" href="uploader/upload.php">Upload Photos</a> 
</div>

的問題，當我點擊它開始。該鏈接打開了一個iframe中的另一個頁面，這是通過js完成的。一旦我點擊這個按鈕，這個按鈕的所有樣式都消失了。即使我在鏈接上設置了href =「＃」，我也會遇到同樣的問題。所以我不相信它打開頁面。我無法弄清楚爲什麼風格突然消失一旦點擊。

我添加的圖像給你們一個想法：

定期

alt text

哈弗

alt text

點擊後

alt text

突出與光標文字後點擊

alt text

來源

2011-01-21 SReca

因爲:link機構「的一個未訪問鏈接」沒有「任何聯繫」。

要應用到所有鏈接的時間的任何風格（即除了顏色，背景，地位和文字修飾的一切）應適用兩種：

.UploadPhotos a {}

或

.UploadPhotos a:link, 
.UploadPhotos a:visited {}

來源

2011-01-21 22:01:06 Quentin

a：visited和a：active需要背景顏色。一旦按鈕被點擊，它現在處於活動狀態並被訪問。如果你改變焦點，它就會被訪問。此外，如果您在控件上單擊（在單擊之前），您將看到相同的行爲，因爲狀態更改爲活動狀態。

另外添加其他類：

.UploadPhotos a { 
display:block; 
width:100px; 
height:22px; 
padding-top:2px; 
margin-left:auto; 
margin-right:auto; 
text-align:center; 
background:url(../images/btn_image.png) 0 0 no-repeat; 
text-decoration:none; 
color:#FFF; 
}

來源

2011-01-21 22:03:12 SRM

`：active`是指「被激活」（例如，在小鼠的用戶的情況下，在鼠標按鈕之間的時間被壓下並且被釋放）。 `：焦點`是一個不同的狀態。另外，一個鏈接可以同時使用`：link`和`：focus`和`：active`，所以你不需要爲`：focus`或`：active`明確設置一個背景顏色，除非你想讓它們成爲不同於`：link`和`：visited`中的哪一個在當時適用（或普通的a或瀏覽器默認等）。 – Quentin 2011-01-21 22:05:30

爲什麼點擊時css按鈕會失去其風格？

回答

相關問題