Question

我希望我的公式中的file元素与具有此css的文本字段具有相同的css：

.formulaire .inputlong {  // formulaire is the form and inputlong is the name of the css for textfields
    width: 250px;
    background-color:#FFF; 
    border:1px solid;
    border-color:#b80500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bbb;
    color: #000;
    background-position: 10px 6px;
    float: left;
}

我尝试将文件的css设置为inputlong css但没有任何内容！

那么如何为文件元素创建类似这样的css？

Answer 1

出于安全原因，您无法使用file完全按照您的要求进行操作。

我知道的大多数解决方案都会更改“浏览”按钮的不透明度，以便用户看到背后的内容。

例如：

http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom

Answer 2

file element，如select，checkbox或radiobutton元素是os /浏览器控制的html元素。您可以style it with javascripts但（几乎）不能使用css

为HTML文件元素设置的css属性有哪些？

2 个答案: