添加箭头到bootstrap 3菜单？

Question

我知道我可以添加箭头到bootstrap 3菜单，比如从下到上，是否可以添加从上到下的菜单，像这样？

以下是我现在的代码：

 @media screen and (min-width:750px) {

    .navbar-default .navbar-nav > .open > a:focus:before {
        border-top: 20px solid #f00;
        content: "";
        display: inline-block;
        left: 41%;
        position: absolute;
        top: 50px;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    border-color: #1a161a transparent transparent transparent;
    z-index:1031
    }

这是bootply：

http://www.bootply.com/Yp4CciXyhb

问题在于这是焦点吗？如果我点击下拉列表中的某个位置，箭头就消失了？