Asp.net 手机造型&引用；选择文件"；iOS 6中的按钮太小

我目前正在设计几个简单的表单页面，这些页面最初是用ASP.NET为mobile编写的。我在CSS3中使用媒体检测来确定设备是否是移动的，如果是，我基本上会让所有东西看起来更大。到目前为止，我测试过的大多数手机都能做到这一点，但在iOS6中，“选择文件”按钮顽固地拒绝像其他元素一样变大。我尝试过通过ID或所有输入设置样式，虽然我可以更改颜色或字体，但大小永远不会更改。如何使“选择文件”按钮看起来更大

我的CSS页面：

@import url(master.css);

/* --- page wrapper --- */
#wrapper { width:80%; margin:auto; max-width:1200px; position:relative; border:1px solid #000; background-color:#000; }
#main { width:100%; height:100%; border-bottom:1px solid #000; }
#content { height:100%; background-color:#CDCCCC; padding: 20px 50px 20px 50px; }
#login { text-align:center; }
#upload { padding:10px; }
#list {  display: inline; width: auto; height: auto; }
#logoutButton { display: inline; float: right; }
#guidelines {
    text-align:justify;
}
#flash { 
    padding: 20px; 
}
@media only screen and (max-width: 720px), only screen and (max-device-width: 720px) {
     #logoutButton {
        display: inline;
        float: right;
    }
    #guidelines {
        background-image:url(http://cite.nwmissouri.edu/PhotoContest_MobileApp/transparentbg4androidwidthbug.png);
        background-repeat:repeat;
        text-align:inherit;
        height:100%; 
        background-color:#CDCCCC; 
    }
    #hwrapper {
        width:initial;
    }

    #contentum { 
        height: 100%; 
        width:inherit;
        background-color:#CDCCCC; 
        text-align:inherit; 
        font-size:40px; 
        padding-right: 5px;
    }
    input {
        font-size:40px;
        height:inherit;
        width:inherit;
    }

    select {
        font-size:40px;
        height:auto;
        width:inherit;
    }

    #upload {
        font-size: 40px;
        text-align: start;
        height: 100%;
        width: 100%;
        padding-right: 12px;
    }
    #wrapper {
        width:inherit; 
        height:inherit; 
        margin:auto; 
        position:inherit; 
        border:1px solid #000; 
        background-color:#000; 
        overflow:scroll;
    }
    li {
        font-size: 40px;
        text-align: start;
    }
}

---

如果我理解，您希望文件上载（

）按钮显示更大的值吗

您应该能够为WebKit使用以下（非标准）psuedo元素选择器：

input[type="file"]::-webkit-file-upload-button {
    /* add styles here, such as width, height etc. */
}

您可以在IE10中使用（类似的非标准）执行相同的操作：

---

欢迎来到StackOverflow。很难说你做了什么尝试来增加大小，以及你上面粘贴的CSS实际上不起作用。试着把你的问题说清楚一点。你好！我上面粘贴的内容适用于除“选择文件”按钮之外的所有内容。我用来尝试使用其ID“Content_fileUpload”设置样式的代码，虽然我可以更改按钮所在区域的背景色，甚至可以通过更改宽度和高度来放大该区域，但按钮本身仍然不会更改。这有助于让我的问题更清楚吗？

input[type="file"]::-ms-browse {
    /* add styles here, such as width, height etc. */
}