Question

我正在做一个表单而我无法更改使用type =＆＃34; file＆＃34;输入

这就是我的代码。

＆＃13;

    <div class="form-group text-left">
			<label style="margin-left:16px">CPF*</label><br>
				<div class="col-md-8 inputGroupContainer">
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-id-card-o"></i></span>
						<input  name="cpf" placeholder="Informe seu CPF" class="form-control" id="cpf" required="required">
            <input id="arquivo_cpf" type="file" name="arquivo_cpf" required="required" >
					</div>
				</div>
		</div>

＆＃13;

Answer 1

看看这是否可以帮到你。

您可以将标签放在使用引导程序中，然后您可以使用＆＃34; display：none;＆＃34;在输入端。然后，你可以写下你想要的东西，使它变小。

参见代码：

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="form-group text-left">
			<label style="margin-left:16px">CPF*</label><br>
				<div class="col-md-8 inputGroupContainer">
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-id-card-o"></i></span>
						<input  name="cpf" placeholder="Informe seu CPF" class="form-control" id="cpf" required="required">
            <span class="input-group-btn"><label class="btn btn-default btn-file ">
              Choose file<input type="file" id="arquivo_cpf" name="arquivo_cpf" style="display:none" required="require">
    </label></span>
					</div>
				</div>
		</div>

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<span class="input-group-btn"><label class="btn btn-default btn-file ">
              Choose File<input type="file" id="arquivo_cpf" name="arquivo_cpf" style="display:none" required="require">
    </label></span>

＆＃13;

Answer 2

没有跨浏览器的方式来做到这一点。 “没有文件选择”文本位于窗口小部件的实现定义部分中，我不相信大多数浏览器提供了特定于浏览器的自定义方式。另一方面，当value属性为空时，您可以简单地使用CSS来覆盖文本。

input[type='file'] {
color: transparent;
}

无法更改类型＆＃34;文件＆＃34;输入

2 个答案: