编程语言
首页 > 编程语言> > javascript – 样式输入类型=“文件”

javascript – 样式输入类型=“文件”

作者:互联网

我从几个地方读过这个.

我试过这里找到的方法:http://www.quirksmode.org/dom/inputfile.html

我无法让它发挥作用.所以我尝试了一种CSS / HTML方法,它在Firefox,Chrome,Safari和Opera(所有最新版本)中运行得非常漂亮,但不是(你猜对了)IE8.

它看起来很好,当你单击它时,它不起作用.如果你双击它就可以了.

有任何想法如何通过一次点击让这个工作?

目前我正在使用IE条件注释告诉用户使用IE双击选择按钮.该网站目前正在设计中,尚未向用户提供服务,并希望在此问题上线之前解决此问题.

解决方法:

我想我找到了两个解决你问题的方法.您正在使用:filter:alpha(不透明度:0)
在.file类上,因此隐藏了您通常在上传控件中看到的实际“浏览…”按钮.

第一个解决方案是使用条件来设置CSS,当用户使用IE时,将使用正常但风格化的“浏览”按钮替换您喜欢的“选择”图像.

第二个是播放FileAttachment输入的大小,因此隐藏的“浏览…”按钮将适合“选择”图像的位置.从那里你只需要确保按钮的z-index属性高于图像的z-index属性.

如果这些解决方案能满足您的需求,请告诉我

:d

标签:javascript,css,input,internet-explorer-8,styling
来源: https://codeday.me/bug/20190715/1462605.html