Question

我正在修改用于上传文件的html form输入（输入类型“文件”），但出于某种原因，我无法修改高度和放大器; 宽度此元素使其成为网页的100％（流体）。

我找到了使用高度和高度的替代方案。使用元素填充的宽度。使用填充的缺点是我根本无法使其成为流体，因为当我使用100％时，它大于设备视口。但如果我将其更改为大约50％，它仍然大于设备视口。

我正在寻找一个解决方案，我高度怀疑这个问题将会得到解决，我期待得到答案，说它无法完成，但问题没有任何害处。

我的Html：

<!DOCTYPE html>
<html>

<head>   
<link href="master.css" type="text/css" rel="stylesheet" />
</head>

<body>

<form action="upload.php" method="post">
<input id="form" type="file" onchange="this.form.submit()" name="myFile"/>
</form>

</body>


</html>

CSS：

html, body {
    padding: 0px;
    margin: 0px;
    background-color: red;
    height: 100%;
    width: 100%;
}

#form {
    padding-top: 50%; 
    box-sizing: border-box; 
    background-color: green;
}

先谢谢。

Answer 1

出了名的困难，并没有建议设置input字段。相反，请创建label并使用input属性将其附加到for，然后设置label的样式

＆＃13;

html, body {
    padding: 0px;
    margin: 0px;
    background-color: red;
    height: 100%;
    width: 100%;
}

form,label {
  height: 100%;
}

#form {
  padding-top: 50%; 
  box-sizing: border-box; 
  background-color: green;
  display: none;
}

label {
  width: 100px;
  background: blue;
  display: block;
  color: #fff;
}

＆＃13;

<form action="upload.php" method="post">
  <label for="form"></label>
  <input id="form" type="file" onchange="this.form.submit()" name="myFile"/>
</form>

＆＃13;

流体填充？无法使用高度或宽度

1 个答案: