仿照Bootstrap的input如何修改upload上传图片的样式

这篇文章将为大家详细讲解有关仿照Bootstrap的input如何修改upload上传图片的样式，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

html：

    图片         
                                  上传图片            

css:

.form-group input[type="file"] {    cursor: pointer;    opacity: 0;    position: absolute;    top: 0;}.fb-img {    border: 1px solid #ccc;    border-radius: 4px;    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;    color: gray;    display: inline-block;    height: 34px;    line-height: 1.42857;    padding: 6px 12px;    text-align: left;    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;    width: 100%;}

关于"仿照Bootstrap的input如何修改upload上传图片的样式"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。