为什么点击时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按钮会失去其风格？

回答

相关问题