小编Gri*_*orn的帖子

Firefox:旋转边框时出现白线

旋转an的边框时,我有一个小问题::after:在角落的边框中,我看到白线。这是我的HTML:

<a class="tt__list__tabs__singleTab__backLink tt__list__tabs__wrap__links tt__list__tabs--innerTab__link" href="#tt__list__tabs__wrap--outerTabs" style="display: flex;">
    <span class="tt__list__singleTab__headline">Back</span>
 </a>
Run Code Online (Sandbox Code Playgroud)

这是我的CSS:

.tt__list__tabs__wrap__links{
    background:transparent;
 }

.tt__list__tabs__wrap__links::after {
    background:transparent;
    border-top: 5px solid black;
    border-right: 5px solid black;
    content: '';
    display: inline-block;
    height: 0.75em;
    transform: rotate(45deg);
    width: 0.75em;
}
Run Code Online (Sandbox Code Playgroud)

这是输出的jsfiddle

我使用的是Win10,浏览器是最新的Firefox。图片:http : //imgur.com/a/kGNeX

我已经尝试过具有透明背景的技巧。我想念什么吗?有任何想法吗?

html css firefox

2
推荐指数
1
解决办法
426
查看次数

标签 统计

css ×1

firefox ×1

html ×1