Bootstrap：.form-control：在胜利之前

Question

我尝试为CSS设置表单控件（示例http://jsfiddle.net/fyVs4/）。

但是CSS选择器.form-control:before赢得了工作 - Curiouse，我已经使用CSS ober button:before创建了另一个按钮并且该工作：

胜利

.form-control:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 7px;
    height: 42px;
    background: #00122A url('../images/button/left.png');
    border-radius: 10px 0 0 10px;
}

WORK

nav ul li button:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    bottom: 0;
    display: block;
    width: 5px;
    height: 37px;
    background: #00122A url('../images/button/left.png');
    border-radius: 10px 0 0 10px;
}

我做错了什么？