0

我在我正在 Wordpress 中处理的一个小项目中使用 normalize.css,但是当我使用联系表单时,规范化导致文本字段跨越容器外部:

http://notfilc.eu/wordpress/

违规代码是:

button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}

我可以将其从 normalize 中删除,但我想了解它为什么会消失,而我只是看不到它。HTML 非常大,因此很难实现减少的测试用例,但是如果有合理的答案,我愿意在之后制作它以供其他人学习。

4

1 回答 1

4

这是因为你在使用size=40

<input type="text" name="your-name" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" />

因此它溢出了..我的小提琴

尝试使用size="30"或更少,它会减少..

如果要限制字段中的字符,请使用maxlength

于 2012-10-13T12:37:51.977 回答