WordPress 后台表单输入框可以用的 class

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

最常用的是 regular-text,宽度为25em:

<br />
.regular-text {<br />
	width: 25em;<br />
}<br />

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

<br />
input.large-text,<br />
textarea.large-text {<br />
	width: 99%;<br />
}<br />

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

<br />
input.small-text {<br />
	width: 50px;<br />
	padding: 1px 6px;<br />
}<br />

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

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

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

<br />
input.tiny-text {<br />
	width: 35px;<br />
}<br />

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

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

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

<br />
textarea.all-options,<br />
input.all-options {<br />
	width: 250px;<br />
}<br />

说那么多,还不如来一张图片直接:

WordPress 后台表单输入框可以用的 class

标签:

热门文章