使用：active對Blogger中的標簽進行CSS編碼

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;
   }