Css 如何扩展输入写入区域？

当它移动时，输入文本区域会变小，看起来不太好。我如何扩展这个领域

.arama输入{ 边框：1px实心4d9df2！重要； 填充：18px227px19px21px； 高度：41px； 边界半径：60px！重要； /*字体大小：18px！重要*/ 颜色：000； } 使用宽度属性：

 .arama input{
    border: 1px solid #4d9df2!important;
    padding: 18px 227px 19px 21px;
    height: 41px;
    border-radius: 60px!important;
    /* font-size: 18px!important; */
    color: #000;
    width:200px;
  }

您可以使用min width，因此它永远不会小于min width

试试这个：

输入{最小宽度：200px；}

---

减少正确的填充

理想情况下，左边和右边的填充应该是相同的，但是您的输入元素中有一个按钮，所以右边的填充应该是按钮的宽度加上左边的填充

以下是你所拥有的与你应该拥有的之间的区别：

.i1{ 边框：1px实心4d9df2！重要； 填充：18px227px19px21px； 高度：41px； 边界半径：60px！重要； 颜色：000； } .i2{ 边框：1px实心4d9df2！重要； 填充：18px21px19px21px； 宽度：356px； 高度：41px； 边界半径：60px！重要； 颜色：000； }

---

填充：18px 111px 19px 21px；-正如您所说的感谢您的评论，我已经更正了它。我只是为这里的代码片段构建了它，这样您可以在单击“运行代码片段”按钮时看到它。