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

最新推荐文章于 2024-05-11 14:54:54 发布

Love_banana_stars

最新推荐文章于 2024-05-11 14:54:54 发布

阅读量6.3k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Love_banana_stars/article/details/81906823

本文介绍了一种CSS样式的输入框实现方法，包括颜色、高度、圆角等属性的设置，使得输入框能够以特定样式展示，并保持与其他元素的一致性布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、css样式代码如下

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

2、样式效果图如下