IE 8下 input type="file" input[type="file"]的透明度设定为0然后通过position:absolte;覆盖在某一个已经设计好的标签上方,让实际点击时候相当于点击文件控件

Question

IE 8下 input type="file"  input[type="file"]的透明度设定为0然后通过position:absolte;覆盖在某一个已经设计好的标签上方,让实际点击时候相当于点击文件控件 但出现一个bug 当文字个数大约5,6个时，点击时左侧会有个光标出现 怎样去掉这个光标 ，求解！

Answer 1

那就是不同浏览器的默认样式的问题，你生重置一个文件选择按钮的样式就好了。比喻给它指定一个width和height,让它在所有浏览器下都显示一样。

Answer 2

chrome 下是正常的 但是IE 下面 type="file" 左侧不是有个input框 如果文字的宽度多一点 会出现不能覆盖住右侧的button按钮 那么左侧的input框 会出现光标 你把文字设置4,5个的样子 那个光标就会出现 

Answer 3

没太明白你的意思，那个文字是什么文字。实现方法应该是将一个写好样式的标签放到下面，然后把 type=file的input  设置成透明，通过定位放到这个标签上面，达到美化按钮的效果。需要注意的是input不光要设置透明度  还是设置他的宽和高要和下面的标签一致，这样才能让input完全覆盖到标签上面，并且不会溢出。