<分区>
我正在处理一个自动完成表单,但我似乎对文本和提交表单之间的填充有一些问题。我似乎无法调整文本和提交项之间的间距,这是我需要的,因为当我增加文本字段的大小时,它会覆盖提交按钮。我相信我已经尝试了所有类型的填充,但它们什么也没做。有人可以给我一个线索吗?
.autocomplete {
position: relative;
display: inline-block;
}
input {
border: 1px solid;
padding: 5px;
font-size: 24px;
}
input[type=text] {
border-color: #808080;
background-color: #fff;
width: 100%;
-webkit-border-radius: 5px;
padding: 5px;
}
input[type=submit] {
margin-left: 5px;
padding: 5px;
background: #ccc;
cursor: pointer;
-webkit-border-radius: 5px;
border: 1px solid;
background-color: DodgerBlue;
border-color: #CCCCCC;
color: #fff;
}
<form autocomplete="off" action="/action_page.php">
<div class="autocomplete" style="width:300px;">
<input id="myInput" type="text" name="myCountry" placeholder="Country">
</div>
<input type="submit">
</form>