1. 程式人生 > >解決Input與Select設定CSS寬度相同時顯示寬度不同的解決!

解決Input與Select設定CSS寬度相同時顯示寬度不同的解決!

我在css中設定了 input select{width:100px},但顯示效果為,select比input短了一些


首先在標準相容模式IE和firefox是一樣的,在設成同一個高度或寬度的時候,顯示的input和select不一樣寬,也不一樣高。

在IE上,還沒想到好的解決方法,如果是Firefox,則網上找到以下方法處理處理

input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}