CSS文本框宽度从具有最大宽度的父容器继承

Question

我的文本框有样式：

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

我需要更改它，如果容器宽度小于300px，它必须从父容器继承宽度，否则宽度必须是300px。

Answer 1

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