Question

我很难找到这个问题的帮助，希望这些问题对其他初学者有所帮助。

我的占位符文字不适合输入区域。 Padding似乎也没有做到这一点（我拿出了代码中的填充，因为它没有工作）。

html

<form>
<input type="text" placeholder="email">
</form>

CSS

form {
margin:60px auto;
width:350px;
}

input[type='text'] {
width:300px;
height:40px;
}

::-webkit-input-placeholder {
font-family:Open Sans, sans-serif;
font-size:16px;
}

:-moz-placeholder { 
font-family:Open Sans, sans-serif;
font-size:18px;  
}

::-moz-placeholder { 
font-family:Open Sans, sans-serif;
font-size:18px;  
}

:-ms-input-placeholder {  
font-family:Open Sans, sans-serif;
font-size:18px; 
}

Answer 1

如果您希望用户输入的文本与占位符的大小相同，则将该大小添加到输入

input[type='text'] {
    width:300px;
    height:40px;
    font-family:Open Sans, sans-serif;
    font-size:18px;
}

http://jsfiddle.net/eN2Nr/2/

占位符文本不适合输入区域

1 个答案: