我一直在尝试在我的博客 (http://www.themaidenover.blogspot.com) 的右侧边栏中编写我的标签列表,但我发现一旦选择了标签我就无法编辑它。
我试过在 CSS 中使用 :active 代码,但我在这方面相对缺乏经验,我不确定我哪里出错了。
.Label a {
padding-left:0px;
background:#ffffff no-repeat scroll 5px 10px;
list-style-type: none;
padding:5px 5px 5px 20px;
color:#333333!important;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
text-decoration:none;
font: 14px Georgia, verdana;
color:#333333;
border: 1px solid #dddddd;
float:left;
margin: 0 0 5px 0px;
}
.Label a:hover {
border:1px solid #555555;
text-decoration:none;
ccolor:#555555
}
.Label a:active {
padding-left:0px;
background:#ffffff no-repeat scroll 5px 10px;
list-style-type: none;
padding:5px 5px 5px 20px;
color:#333333!important;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
text-decoration:none;
font: 14px Georgia, verdana;
color:#333333;
border: 1px solid #dddddd;
float:left;
margin: 0 0 5px 0px;
}
非常感谢您的帮助,:)
最佳答案
我认为您在点击链接时遇到了问题。如果您在 inspect element 中看到,您会发现当您转到页面时没有链接,所以首先解决该问题,如果这不是问题,然后使用此 css 希望这会起作用
.Label .label-size span
{
padding-left:0px;
background:#ffffff no-repeat scroll 5px 10px;
list-style-type: none;
padding:5px 5px 5px 20px;
color:#333333!important;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius: 7px;
text-decoration:none;font: 14px Georgia, verdana; color:#333333;
border: 1px solid #dddddd;
float:left;
margin: 0 0 5px 0px;
}
关于html - 使用 :active for CSS coding for labels in Blogger,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20738173/