input的除属性外的所有css样式设置

除了`placeholder`属性之外，`<input>`元素还有很多其他的CSS样式可以调整，包括但不限于：

1. **基本样式**:

   input {
       font-size: 16px;
       color: #333;
       border: 1px solid #ccc;
       padding: 5px 10px;
       background-color: white;
   }

这里设置了字体大小、颜色、边框、内边距以及背景色的基本样式。

2. **选中状态**:

   input:focus {
       outline: none; /* 去除默认焦点样式 */
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* 添加自定义聚焦效果 */
   }

3. **禁用状态**:

   input:disabled {
       opacity: 0.5; /* 设置为半透明 */
       cursor: not-allowed; /* 改变鼠标指针形状 */
   }

4. **按钮样式的input** (如提交按钮):

   input[type=submit] {
       background-color: #007BFF;
       color: white;
       border: none;
       padding: 10px 20px;
       cursor: pointer;
   }

5. **响应式设计**:

   @media screen and (max-width: 600px) {
       input[type=text] { width: 100%; } /* 当屏幕宽度小于600px时，文本输入框全宽显示 */
   }

这些只是基础样式的一部分，具体样式设置会根据你的需求而变化，比如调整间距、圆角、尺寸等。对于更复杂的交互和视觉效果，可能还需要利用CSS伪类（如`:hover`, `:active`) 和动画技术。记得在实际应用中查阅文档并结合浏览器兼容性考虑。