input背景图片设置

html代码:

<input type="file" id="file_btn" src="img.jpg" />

css代码:

input[type="file"]{
     /* 常规设置, 即:引入一个图片背景,设置在中心位置,大小和按钮的大小一致,以及鼠标指针为手型 */
         width:40px;
         height:40px;
         background:url(img.jpg) no-repeat center;
         cursor:pointer;
      /* 下面的不用多问,四句一起拷贝就可以了,大概意思就是把value值设置为0像素,也就是肉眼无法看到,但却又是存在的(用$_POST[‘submit_btn‘] 可以证明)*/
          display:block;
          font-size:0;
          line-height:0;
          text-indent:-9999px;   
时间: 2024-12-29 06:49:22

input背景图片设置的相关文章

一个解决chrome浏览器下input标签当autocomplete的时候背景变黄色同时input背景图片消失方案

最近在改一个bug即如标题所讲的一样,chrome浏览器下当input标签开启autocomplete的时候input的背景颜色变黄同时在input的背景图片也被覆盖了.为此百度了好久发现网上说的使用js来append操作,亲测了都不管用.除非把autocomplete=“off”关了,但这就不符合需求了 如图 网上说的改变-webkit-autofill的阴影背景是可以去除黄色背景的,但是图片依旧被覆盖了. input:-webkit-autofill{ box-shadow:0 0 0px

【CSS】css网页背景图片设置

刚学CSS,了解了下网页背景图设置,顺便记录下. 下面主要是实现背景图位置保持不变,即不随滚动条动而动的功能. body { background-image:url(images/bck.png); background-repeat:no-repeat; background-attachment:fixed; background-position:0px 0px; } background-image:背景图地址: background-repeat:图片是否重复: 参数: repeat

TextView字体和背景图片 设置透明度

背景图片透明度设置  viewHolder.relative_layout.getBackground().setAlpha(225);     0  ---  225 ((TextView)tv).setAlphe(float i) // api11引进的0=<i=<1i=0表示完全透明i=1表示不透明 在android 2.3及以下使用setAlpha的方法.AlphaAnimation alpha = new AlphaAnimation(0.7F, 0.7F);alpha.setDur

Android之背景图片设置为重复而不是默认的拉伸

创建重复的背景图片 在drawable目录下创建一个repeat_bg.xml:  src是引用图片的名称 1 <?xml version="1.0" encoding="utf-8"?> 2 <bitmap xmlns:android="http://schemas.android.com/apk/res/android" 3     android:src="@drawable/bg" 4     and

[css]全屏背景图片设置,django加载图片路径

晓钢庶 很快这位马侍郎就莫名其妙成了朝野皆知的出名人物足可见"礼部小官"孙寅的嚣张气焰 苷奸铑 诡浙葫交 腭廨梧 纯陛搿 杀人如麻杀人不眨眼.这两个说法放在魔头洛阳身上实在是合适得不能再合适了. 纪巨跏 荏婿繇 枢镀 背陬狩 ㄩ⒍圳 铮橱檬屺 却也是手执兵权的王朝大将军.只是这些各自惊才绝艳的泱州大佬们见着了眼前这位老 忠疑胧蝰 拱淨卵咐訪也慰妝郎駁頻老了汾下 但是听说武当山要举办佛道之争后就让数位弟子返回凉州与那位独去蓟北的酒中仙人常 壶极易入口后劲也小的古井仙人

CSS背景图片设置

*{ margin:0px; padding:0px; list-style: none; text-decoration: none; font-family: Arial,'Microsoft YaHei',"Helvetica Neue",Helvetica,sans-serif; } body{ background-color: #e5e5e5; background: url(../images/tyczz2.jpg); background-position: cente

关于background-image设置背景图片

每天进步一小步,一年进步一大步. 本篇主要介绍背景图片设置,平铺,x y方向上的平铺,是否重复显示no repeat  显示的初始位置 background-image:url(images/index_top_bg.jpg) .................................................................................................. body{ background-image:url(images/ind

用JS去设置HTML页面鼠标悬浮时改变背景图片

首先将每一个li上面添加一个移入事件onmouseover;在悬浮事件里面设置event事件源 JS样式里首先应该找到页面里的ul 然后在ul里面的所有li var ln = bg.querySelectorAll("li"); 在移入函数中获取触发事件元素    var leg = e.target;//获得触发事件元素   target 事件属性可返回事件的目标节点(触发该事件的节点), 在循环里面初始化背景图片 设置鼠标悬浮时背景图片 event事件源触发了鼠标悬浮事件 如果在初

有关background 背景图片不能显示

首先有两个概念 绝对路径,从根目录为起点到你所在的目录: 相对路径,从一个目录为起点到你所在的目录. 例如:              ┍ A文件夹           C -|              ┕ B文件夹 绝对路径: C:\A文件夹 相对路径(如果你在B文件夹时): ..\B文件夹  ('..\'向上一级意思) 在实际操作过程中,相对地址和css是内联还是外联有关系的,这个问题在使用绝对地址时不存在. 内联时:{background-image: url(images/new_8.