Question

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

我找到了一个输入文件，我找不到样式，我发现了一些教程，但所有这些都显示了如何在普通按钮上执行此操作，我担心可能会导致某些浏览器出现问题..或者其他一些问题。

尝试设置样式的按钮是

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

我发现了这个例子，但正如我所说，这是在正常的输入文件上工作，上面没有javascript。：d

感谢

Answer 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在整个董事会中都是一个问题，因为它们很难定型 - 而不是太多可以做到的。请查看here on SO以获取更多信息，并here查看其他可能的解决方法。

Answer 2

我使用这个很棒的方法解决了：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;
}

样式输入类型文件，上面有javascript

2 个答案: