css - 如何将蓝色上边框应用于我的 SPAN

Question

我的网页中有一个“页面选项”选项卡，如下所示，并使用它提到该选项卡使用“ms-cui-tt-span”类的萤火虫：-

我添加了以下 CSS，但没有添加蓝色边框：-

ms-cui-tt-span {
border-top-color: #008CD2 !important;
}

谁能建议如何将上边界应用于跨度？

score 1 · Accepted Answer

CSS 中的类选择器应以句点 ( .) 开头。

所以，ms-cui-tt-span变成.ms-cui-tt-span。

顺便说一句，标识符选择器（即那些以名称为目标的选择器）应该以哈希 ( #) 开头。并且只有基本的东西，即标签本身，可以在没有前缀的情况下定位 - 例如在 , 等的情况body下form。

score 1 · Accepted Answer

1

尝试

.ms-cui-tt-span {
    border-top: 1px solid #008CD2 !important;
}

于 2013-09-27T09:28:25.903 回答

score 1 · Accepted Answer

在您下面的代码中，ms-cui-tt-span可能是在跨度上应用的类

.ms-cui-tt-span {
border: 1px solid #008CD2;
}

应该帮助你实现同样的目标。

score 1 · Accepted Answer

如果您想将 CSS 指定为仅具有“页面选项”文本的选项卡，请尝试使用 jQuery

$(".ms-cui-tt-span:contains('Page Option')").css('border', '1px solid #008CD2');

编辑

检查这个js小提琴

4 回答 4