給input里file類型加button樣式
1.在Bootstrap中input里的file類型樣式很不美觀,一個按鈕加一段文字,還會隨瀏覽器的不同呈現不同的樣式,所以開發的時候可以將file的樣式
修改成button的樣式,可以設置為默認的,白色背景,也可以設置為綠色、紅色、藍色等--------即button的幾種狀態

方法是:
1.寫一個label ,類設置為 btn btn-(default/success/warning/Primary/info/danger/link) 設置 for=file
2.寫一個input 類型是file,設置id也為file,源代碼如下
<
div
class=
"form-group"
>
<
label
class=
"col-sm-2 control-label"
><
img
src=
"index.png"
alt=
""
></
label
>
<
div
class=
"col-sm-2 "
>
<
label
for=
"file"
class=
" btn btn-default"
>更換頭像
</
label
>
<
input
id=
"file"
type=
"file"
style=
"display:none"
>
</
div
>
</
div
>
這是input file 的默認樣式

調用button default的樣式,生成一個白色按鈕,在按鈕里面寫上提示

具體需要什么樣式或者顏色可以根據button的顏色來設定

