如何在CSS中编辑文件输入？

Question

我正在使用twitter bootstrap进行项目，并希望创建一个下拉菜单并让列表项充当文件上传但似乎无法以这种方式编辑它！我不想在我的下拉菜单中使用按钮我想要一个单独的按钮或实体来保护按钮。我想要一个下拉菜单，其中列表项充当文件上传按钮，并且样式如下，下面是使用bootstrap 3.0的基本html代码

<ul>
    <li>
        <input type="file">
            <span class="glyphicon glyphicon-file">
            </span>
            File Upload
    </li>
</ul>

我知道如何将其编辑为按钮，但我不知道如何制作它，使其看起来像常规<li>，但也充当文件输入！这甚至可能吗？