CSS边框未显示

我试图将第一个

设置为具有与相邻元素的边框重叠的边框-当当前选择相应的菜单项时（通过显示与深色边框重叠的白色边框），这将用于隐藏边框的一部分

CSS:

这是我的密码：

<div class="viewport">
    <ul>
        <li> <a class="side-box-menu-control nav-text" data-bind="css: { 'nav-selected': true }"><i class="icon-pencil"></i></a>
        </li>
        <li> <a class="side-box-menu-control nav-picture"><i class="icon-picture"></i></a>
        </li>
        <li> <a class="side-box-menu-control nav-video"><i class="icon-facetime-video"></i></a>
        </li>
    </ul>
</div>

您可以尝试类似的方法（将边框类型设置为

实心

）：

---

你的小提琴如何证明这个问题？它似乎没有做或显示任何东西（至少在chrome中是这样）。这里到底是什么问题？

<div class="viewport">
    <ul>
        <li> <a class="side-box-menu-control nav-text" data-bind="css: { 'nav-selected': true }"><i class="icon-pencil"></i></a>
        </li>
        <li> <a class="side-box-menu-control nav-picture"><i class="icon-picture"></i></a>
        </li>
        <li> <a class="side-box-menu-control nav-video"><i class="icon-facetime-video"></i></a>
        </li>
    </ul>
</div>

.side-study-box .side-box-menu .nav-selected {
    width: 22px;
    border-right: 3px red solid;
}