Question

我一直在尝试在我博客的右侧边栏（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;
}

非常感谢帮助，:)）

Answer 1

你需要添加以下css类

.Label span{
    background: none no-repeat scroll 5px 10px #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 7px;
    color: #333333 !important;
    float: left;
    font: 14px Georgia,verdana;
    list-style-type: none;
    margin: 0 0 5px;
    padding: 5px 5px 5px 20px;
    text-decoration: none;
}

Answer 2

我认为点击链接时遇到问题。如果您在inspect元素中看到，当您转到页面时会发现没有链接，所以如果不是问题则首先解决该问题然后使用此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;
   }

使用：激活用于Blogger中标签的CSS编码

2 个答案: