如何给上传控件上色【HOW TO SET CSS FOR THE CONTROL OF FILEUPLOAD】

今天遇到一个帖子，老外问我如何给FILEUPLOAD 控件上色，就连老外的MVP也说不是容易的事情，呵呵。

其实有些时候我们只要变通下就可以解决这样的小问题，看看我的代码。

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #divFileUpload input
        {
            border-color: Olive;
            border-style: solid;
            border-width: 1px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="divFileUpload">
        <asp:FileUpload ID="FileUploadCSSDemo" runat="server" />
    </div>
    <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
    </form>
</body>
</html>

注意代码里面的CSS部分，其实道理很简单，我们知道FILEUPLOAD 会被浏览器解释成为以INPUT为标记的HTML元素，所以我就把样式应用给这个特定的DIV【divFileUpload】里面的HTML元素，所以如果你运行我的代码，你会看到样式只会应用到FILEUPLOAD控件上，而不会应用到其它可以解释为INPUT的HTML元素上。

        #divFileUpload input
        {
            border-color: Olive;
            border-style: solid;
            border-width: 1px;
        }

这个是我给老外回答问题的源地址：

http://forums.asp.net/p/1423781/3176963.aspx#3176963

如何给上传控件上色【HOW TO SET CSS FOR THE CONTROL OF FILEUPLOAD】相关推荐

jquery文件上传控件 Uploadify
基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个 ...
在线编辑器上传控件
为什么80%的码农都做不了架构师?>>> 在线编辑器上传控件 http://kindeditor.net/demo.php 上传控件: 转载于:https://my.osch ...
使用jquery文件上传控件Uploadify来异步上传图片
1.项目中需要图片的异步上传,度娘之后发现有一个插件可以完成这个需求,即是:Uploadify 下面是这个异步上传的插件的一个简单介绍: 基于jquery的文件上传控件,支持ajax无刷新上传,多个文 ...
JQuery文件上传控件Uploadify文档
Uploadify是一个基于JQuery的文件上传控件,支持ajax无刷新上传,比较好用,现在用着一个不爽的地方是--每个版本的属性名和事件名.方法名都有一些不一样,这在遇到问题,查资料的时候会比较麻 ...
文件上传~Uploadify上传控件~续(多文件上传)
对于Uploadify文件上传之前已经讲过一次(文件上传~Uploadify上传控件),只不过没有涉及到多文件的上传,这回主要说一下多个文件的上传,首先,我们要清楚一个概念,多文件上传前端Upload ...
封装直传阿里云存储文件上传控件
本文目标封装一个直传阿里云OSS云存储图片上传控件控件效果图上传之前上传成功预览图片文件上传前后台及阿里云存储数据流转过程 1.前端先访问后台接口获取上传阿里云存储权限相关信息和文件编号信 ...
【推荐】.NET批量上传控件——HtmlInputFiles
阅读: 2421 评论: 15 作者: 飛雪飄寒发表于 2009-12-02 17:29 原文链接此控件支持多个文件同时上传,而且上传文件的数量.大小及格式可以根据自己的需要进行设置,并且使用非常 ...
使用Kendo上传控件实现ASP.NET Core的“批处理模式”
从Github下载源代码最初,我将上载控件用于仅表单上的基本上载控件.而且,这正是它的意思.但是,我希望它以一种"批处理模式"工作.我的意思是仅将文件上传到浏览器本身,而不在用户 ...
文件上传控件自定义样式
文件上传控件<input type="file"/>在不同的浏览器下,显示为不同的样式,并且很难随着不同的设计而进行对应变化,这里将实现一种jquery插件的方法,实现 ...

如何给上传控件上色【HOW TO SET CSS FOR THE CONTROL OF FILEUPLOAD】

如何给上传控件上色【HOW TO SET CSS FOR THE CONTROL OF FILEUPLOAD】相关推荐

最新文章

热门文章