select 控件 的长度问题。

Question

雖然 select 標籤是  inline-block
但瀏覽器layout 時是使用 border-box 的樣式以上不懂沒關係，簡單說：1. select 的 width:100px 是指包含border在內共100px
2. jQuery.fn.width() 是指 innerWidth (不包含border、margin)
3. 獲取總寬度請用 jQuery.fn.outerWidth();即：var  width= $("#select1").outerWidth();

Answer 1

雖然 select 標籤是  inline-block
但瀏覽器layout 時是使用 border-box 的樣式以上不懂沒關係，簡單說：1. select 的 width:100px 是指包含border在內共100px
2. jQuery.fn.width() 是指 innerWidth (不包含border、margin)
3. 獲取總寬度請用 jQuery.fn.outerWidth();即：var  width= $("#select1").outerWidth();input 控件 不 通用 呢?

Answer 2

不通用，詳細請參考w3c的文件 (HTML、CSS 規範)如果想要讓作法一致
可以修改CSS的屬性，讓Form相關的控件保持一致