生成一个好看的input输入框的css样式

input[type="text"], input[type="password"], input[type="email"], input[type="number"] { border: 1px solid #ccc; border-radius: 5px; padding: 10px; font-size: 16px; width: 100%; box-sizing: border-box; margin-bottom: 20px; color: #333; outline: none; transition: border-color 0.3s ease-in-out; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus { border-color: #6fb3e0; }