输入框的填充与样式实例

2024-01-16 13:59 小编
 输入框(input) 样式
  
  使用 width 属性来设置输入框的宽度:
  
  CSS 实例
  
  input {
  
  width: 100%;
  
  }
  
  以上实例中设置了所有 <input> 元素的宽度为 100%,如果你只想设置指定类型的输入框可以使用以下属性选择器:
  
  input[type=text] - 选取文本输入框
  
  input[type=password] - 选择密码的输入框
  
  input[type=number] - 选择数字的输入框
  
  ...
  
  输入框填充
  
  使用 padding 属性可以在输入框中添加内边距。
  
  CSS 实例
  
  input[type=text] {
  
  width: 100%;
  
  padding: 12px 20px;
  
  margin: 8px 0;
  
  box-sizing: border-box;
  
  }


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码