我们在 WordPress 后台创建表单的时候，可以使用一些预定义好的 class 来定义输入框的宽度。

最常用的是 regular-text，宽度为25em：

.regular-text {
	width: 25em;
}

如果你要通栏显示，可以用 large-text，宽度为99%：

input.large-text,
textarea.large-text {
	width: 99%;
}

如果小文本，可以使用 small-text，宽度为50px：

input.small-text {
	width: 50px;
	padding: 1px 6px;
}

如果是 number 类型的话，会大一点，宽度为65px：

input[type="number"].small-text {
	width: 65px;
}

还要更小的话：WordPress 还有 tiny-text，宽度为35px：

input.tiny-text {
	width: 35px;
}

同样如果是 number 类型的话，会大一点，宽度为45px：

input[type="number"].tiny-text {
	width: 45px;
}

如果想介于常规和小文本之间，WordPress 还提供了一个 all-options，这个名字不知道什么意思，宽度为250px：

textarea.all-options,
input.all-options {
	width: 250px;
}

说那么多，还不如来一张图片直接：

© 我爱水煮鱼 / RSS 订阅 / 长期承接 WordPress 项目

有什么问题，请扫描下面二维码到小密圈提问咨询：