如何将上传按钮更改为文本？

-4

我已经使用上传文件（type = file）上传文件。我想将按钮更改为文本。由于用户将使用Google chrome或IE。所以我必须考虑这两种浏览器。我宁愿简单的代码。这里是我的代码（我使用多个文件上传）如何将上传按钮更改为文本？

<td><input type="file" name="picture[]" id="picture" ></td>

感谢

来源

2013-09-26 Misz Jieha

你的问题不明确。 – j08691

好的，你可以发布你的表单，并告诉你想要改变什么吗？ –

谷歌浏览器和IE浏览器打扰支持'type =“file”' –

如果我理解正确的，你问的造型input标签与type="file"。这是非常困难的，但我通常做的是包装输入，并包含另一个标签，将显示所需的样式。然后我将输入标签放置在顶部（以便它仍然可以被点击），但是使其变为透明，以便底层样式显示。喜欢的东西：

HTML：

<div class="uploadWrapper"> 
    <p>Click to choose file</p> 
    <input type="file" name = "filedata" size="100" /> 
</div>

CSS：

.uploadWrapper { 
    overflow: hidden; 
    position: relative; 
    height: 25px; 
    width: 250px; 
    background: rgb(10,100,210); 
} 

.uploadWrapper input { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    filter: alpha(opacity=0); 
    opacity: 0; 
    position: absolute; 
    z-index: 1; 
    width: 100%; 
    height: 100%; 
} 

.uploadWrapper p { 
    margin: 0 10px; 
    position: absolute; 
    line-height: 25px; 
}

http://jsfiddle.net/BYossarian/NVr6t/

来源

2013-09-26 16:10:20 BYossarian

“每个浏览器都有它的控制自己的演绎，因此你不能改变任何的测试或方向的控制权“。 - Original Source

但是，我相信你可能会有点棘手，并用CSS修改按钮。

#picture { 
    text-decoration: none; 
    /* etc... */ 
}

来源

2013-09-26 15:51:46 Rogue

如何将上传按钮更改为文本？

回答

相关问题