欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

修改form表单input框默认的样式

程序员文章站 2022-06-11 19:21:00
...

1、css样式代码如下

      

.myinput{
	border: #808080 1px solid;/* 设置输入边框的颜色粗细 */
	font-size: 12px;/* 设置输入框中字体的大小 */
	height: 30px;/* 设置输入框的高度 */
	border-radius: 5px; /* 设置输入框圆角的大小 */
	color: #000000;/* 输入框中文字的颜色 */
	display: inline;/* 使input框在同一行信息,不会换行显示,不使用float: left;样式,应为该样式会让input框周围的其它标签样式乱掉 */
}

2、样式效果图如下

      修改form表单input框默认的样式