输入类型文本周围的奇数边距

时间:2016-02-01 16:19:24

标签: html css

我有两个相对定位的输入类型文本。它们没有边距,但你可以看到它们之间有5px的空间。

enter image description here

有html

<form id="form_registrazione" action="registrazione_utente.php" method="post" enctype="multipart/form-data">
    <input placeholder="Nome*" id="input_nome" type="text" name="nome" maxlength="80"/>
    <input placeholder="Cognome*" id="input_cognome" type="text" name="cognome" maxlength="80" />
</form>

还有风格

#form_registrazione{

width: 500px;
display: block;
margin: 0 auto;
position:relative;  

}

#input_nome {

position:relative;
border: solid 1px #dcdcdc;
width: 240px;
height: 35px;
box-sizing: border-box;
font-size: 18px;
padding: 5px;
transition: 0.3s;

}

#input_nome:focus {

outline: none;
border: solid 1px #707070;
box-shadow: 0 0 5px 1px #969696;

}

#input_cognome {

position:relative;
width: 240px;
height: 35px;
box-sizing: border-box;
font-size: 18px;
padding: 5px;
transition: 0.3s;
border: solid 1px #dcdcdc;

}

#input_cognome:focus {

outline: none;
border: solid 1px #707070;
box-shadow: 0 0 5px 1px #969696;

}

我也尝试过

-webkit-appaerance:none;
appaerance:none;

但没有任何改变。

我希望你能帮助我

0 个答案:

没有答案