0

嗨，我正在做一个设计的 css 集成，我不是 javvascript 的专业人士，只是了解基础知识。反正..

我找到了一个输入文件，我无法设置样式我找到了一些教程，但是它们都显示了如何在普通按钮上执行此操作，我担心可能会导致某些浏览器出现问题..或其他一些问题..

我试图设置样式的按钮是

<input name="image1" type="file" class="imatienda" onChange="parent.window.location.hash = 'block';document.ajax_upload.submit();">

例如，我发现了这个，但正如我所说，这正在处理一个没有 javascript 的普通输入文件。:D

谢谢

4

2 回答 2

1

Javascript 属性在很大程度上与 CSS 样式无关。

<input name="image1" type="text" onChange="parent.window.location.hash = 'block';document.ajax_upload.submit();">

input{
    padding:15px 25px;
    background:red;
    border:none;
}

input type=file然而，这是一个全面的问题，因为它们很难设计 - 没有太多可以做的事情。在 SO 上查看此处以获取更多信息，并在此处查看另一种可能的解决方法。

于 2013-11-12T01:49:42.760 回答
0

我用这个很棒的方法解决了：D http://jsfiddle.net/gabrieleromanato/mxq9R/

HTML

<form action="" method="post" enctype="multipart/form-data">
    <div class="upload">
        <input type="file" name="upload"/>
    </div>
</form>

CSS

div.upload {
    width: 157px;
    height: 57px;
    background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);
    overflow: hidden;
}

div.upload input {
    display: block !important;
    width: 157px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
于 2013-11-12T01:58:51.193 回答