Html Using:active for Blogger中标签的CSS编码
我一直试图在我博客的右侧边栏中对我的标签列表进行编码,我发现一旦标签被选中,我就无法编辑它 我曾尝试在CSS中使用:active代码,但我在这方面相对缺乏经验,我不确定我会错在哪里Html Using:active for Blogger中标签的CSS编码,html,css,blogger,Html,Css,Blogger,我一直试图在我博客的右侧边栏中对我的标签列表进行编码,我发现一旦标签被选中,我就无法编辑它 我曾尝试在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!i
.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;
}
非常感谢您的帮助:您需要添加以下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;
}
我认为当你点击链接时,你有问题。若你们在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;
}
非常感谢,太棒了!