WordPress 后台样式:输入框 input class

  |   2019年11月9日 |  Wordpress相关 |   评论已关闭 |   15

ad
可以关注公众号:“技术的世界” 分享最新技术教程,解答技术问题,有任何问题在公众号上提问,抽空会尽力解答。 另外想要什么资源,可以回复“资源”或者私信后台,可以获得丰厚的资源包哦

WordPress 后台样式:输入框 input class,

我们在 WordPress 后台创建表单的时候,可以使用一些预定义好的 class 来定义输入框的宽度,而不需自己写样式,下图就是常用的输入框样式的效果:

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;
}

专题:

  • WordPress 后台样式:输入框 input class

本站推荐使用的主机:,国外主机建议使用


转载请注明出处:http://tLov.cn/11241.html

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦