|
@@ -6,12 +6,13 @@
|
|
|
/* 基本样式 */
|
|
|
.styled-input {
|
|
|
/*display: block; /* 使其独占一行 */
|
|
|
- width: 300px; /* 宽度为容器宽度 */
|
|
|
- padding: 5px; /* 内边距 */
|
|
|
- font-size: 16px; /* 字体大小 */
|
|
|
+ width: 200px; /* 宽度为容器宽度 */
|
|
|
+ height: 30px;
|
|
|
+ padding: 6px; /* 内边距 */
|
|
|
+ font-size: 14px; /* 字体大小 */
|
|
|
color: #333; /* 字体颜色 */
|
|
|
/*background-color: #fff; !* 背景颜色 *!*/
|
|
|
- border: 1px solid; /* 边框 */
|
|
|
+ border: 1px solid #ccc; /* 边框 */
|
|
|
border-radius: 4px; /* 圆角边框 */
|
|
|
outline: none; /* 移除轮廓 */
|
|
|
transition: all 0.3s ease; /* 过渡动画 */
|