CSS文本框宽度，最大父容器继承宽

Question

我有我的文本框的样式：

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

我需要改变它，如果容器宽度大于300像素越小，必须从母体继承的宽度容器的宽度必须是300px。

Answer 1

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