现在的位置: 首页 > 综合 > 正文

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

2012年10月28日 ⁄ 综合 ⁄ 共 1138字 ⁄ 字号 评论关闭

今天遇到一个帖子,老外问我如何给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 runat="server">

</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

抱歉!评论已关闭.