在asp.net中更改内置UI组件的样式

时间:2014-05-20 14:11:05

标签: html asp.net vb.net

我必须为asp.net中的某些Web应用程序创建一个图像上传功能。我使用了内置的输入asp.net按钮,带有browse和filename标签。这个代码很简单,看起来像

<input id="PictureInput" title=PictureInput" type = "file" runate="server" />

老板不喜欢这个样子,并希望它只是一个打开浏览菜单的小图标。我不能改变内置按钮(至少我想,告诉我,如果我错了),但我想也许我可以将它设置为隐形,并有一个单独的图标按钮以某种方式激活我输入的输入上的浏览按钮现在

这可能很简单,但我之前从未使用过asp.net,所以我在这里黑暗中磕磕绊绊。

1 个答案:

答案 0 :(得分:0)

好吧,所以我想出了如何在asp.net中设置默认上传文件按钮的样式。它需要一些修修补补。

<asp:Label ID="LabelId" AssociatedControlID = "UploadFileControl" runat="server">
    <img src = ""your/image/path"/>
</asp:Label>
<span style="display:none;">
    <input id="UploadFileControl" type="file" runat="server"/>
</span>

基本上它使用内联CSS隐藏 [browse | Filename] 外观控件,然后使用标签激活它。这就像使用<label for="thingID"> html标签,但是在asp.net中,当你在文件上传中运行runat =“server”时(如果你想访问上传的文件服务器端需要它),它似乎做了一些事情在运行时它的ID,所以你的常规旧静态<label for>找不到它。

希望这有助于其他人,因为我花了太长时间在这上面,啊哈。