我创建了一个“表单”字段。 “表单”字段具有一个下拉列表,询问您的年龄。
使用移动设备并从下拉菜单中选择时,表单字段会跳到屏幕左侧,并在右侧创建填充。
我不要那个。我希望FORM字段保持固定,没有溢出或宽度变化。
该如何解决?
http://jsfiddle.net/B3uSD/8310/#&togetherjs=LhSkp5vRPI
.eingabe {
background-color: #d5d5d5;
font-size: 18px;
color: black !important;
font-weight: 600;
line-height: 22px;
padding-left: 10px;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
input: 18px;
width: 100%;
}
.br_select {
font-size: 18px;
font-weight: 600px !important;
color: black !important;
background-color: #ffffff !important;
width: 99%;
}
.br_button {
font-size: 22px !important;
font-weight: 700 !important;
color: white;
width: 100%;
background-color: #fa4200 !important;
padding: 20px;
width: 100%;
}
.br_td {
padding: 10px !important;
width: 100%;
}
<center>
<form action="https://URL.php" method="get">
<table class="eingabe">
<tbody><tr>
<td class="br_td">1.How old are you?
<select class="br_select" name="alter">
<option value="15">15-17 </option>
<option value="24">18-24 </option>
<option value="25">25-60 </option>
<option value="69">60-69 </option>
<option value="74">70-74 </option>
<option value="75">75-80 </option>
<option value="81">80+ </option>
</select></td></tr>
</tbody></table>
<p><br>
<input class="br_button" type="submit" target="_blank" value="PREMIUM-LISTE anzeigen">
</p></form></center><br>