/* 为输入框设置边框样式 */ input{ border: 1px solid #ccc; } /* 更改输入框背景颜色 */ input{ background-color: #f1f1f1; } /* 设置输入框内字体颜色 */ input{ color: #333; } /* 改变输入框圆角大小 */ input{ border-radius: 5px; } /* 设置输入框的大小 */ input{ width: 200px; height: 30px; } /* 为输入框设置阴影效果 */ input{ box-shadow: 1px 1px 3px #ccc; }
通过上面的代码就可以为输入框设置各种样式,当然还有其他更多的样式设置方式,可以根据需要自行设置。需要注意的是,输入框样式设置不仅仅要保证美观,还要保证用户输入时的体验和便利性。