CSS文本框寬度，最大父容器繼承寬

Question

我有我的文本框的樣式：

input[type=text] { 
    width: 300px !important; 
    line-height: 25px; 
} 

我需要改變它，如果容器寬度大於300像素越小，必須從母體繼承的寬度容器的寬度必須是300px。

Answer 1

input { 
    max-width: 300px; 
    width:100%; 
    line-height: 25px; 
}