zoukankan      html  css  js  c++  java
  • 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,源代码如下

    <divclass="form-group">
    <labelclass="col-sm-2 control-label"><imgsrc="index.png"alt=""></label>
    <divclass="col-sm-2 ">
    <labelfor="file"class=" btn btn-default">更换头像</label>
    <inputid="file"type="file"style="display:none">

    </div>
    </div>

    这是input file 的默认样式



    调用button  default的样式,生成一个白色按钮,在按钮里面写上提示

    具体需要什么样式或者颜色可以根据button的颜色来设定




  • 相关阅读:
    2021
    关于react,vue框架的搭建及bug处理
    centOS7使用
    git初探
    项目分享技术大会总结
    angular中的异常机制与异常之外的处理
    angluarjs中指令的使用方式
    Servlet知识总结
    有时候真的需要一点点改变
    story
  • 原文地址:https://www.cnblogs.com/yangxiansen/p/7860030.html
Copyright © 2011-2022 走看看