Question

我正在尝试通过css禁用元素标签上方的三角形。要查看这些，请按链接，（听，看，品尝）有虚线和文字。在文本上有一个小的红色三角形/箭头没有居中。我已经成功完成了菜单，但没有元素标签。有问题的网站是：tedmartinez.com

.content-title span:before {
display: none;
}

.content-title span:before {

     content: none;

}

span.content-title {
    display:none;
}
span {
    display:none;
}

.content-title span:before {
    content: none;
}
#content-title span:before {
    content: none;
}

上面的代码不适用于在元素/内容标题上禁用它。

/*removing all arrows and triangles from Tripod*/
nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before {
content: none;
}

nav.main-menu>ul>li:last-child:after{
content: none;
}

.sf-menu > li:hover > ul:before,
.sf-menu > li.sfHover > ul:before {
content: none;
}

nav.main-menu > ul > li:before {
    content: none;
}

.widget h5.widget-title span:before {
    content: none;
}

#reply-title span:before, #comments-title span:before, .related-title span:before {
    content: none;
}
/*tripod menu arrows while active*/
    nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before {
            content: none;}

/*tripod menu arrows while hover*/
    nav.main-menu > ul.sf-menu li:hover:before, nav.main-menu > ul.sf-menu li.sfHover:before{
            content: none;}

这适用于在菜单上禁用它。

这不起作用。当我编辑HTML时，在浏览器中的inspect元素下，如果我删除了span标签，它就可以工作了。另外，我想将元素标签的文本居中。转到品味页面查看。我希望品味在一条线上，然后片刻在另一条线上，同时保持中心。我怎么能这样做？非常感谢你！

Answer 1

试试这个

.content-title span:before{
  border-left: none;
  border-right: none;
}

要回答第二个问题，请将宽度设置为50％，以防止文字被包裹

 .content-title span {
  padding: 10px 15px 0 15px;
  position: relative;
  display: inline-block;
  z-index: 2;
  border-radius: 10px;
  width: 50%;
}

基本CSS帮助 - 删除形状

1 个答案: