Bootstrap中關於input里file的樣式更改


給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的顏色來設定





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM