Html 如何将按钮/下拉列表与输入文本框内联？

---

在这样的输入旁边有一个完美的按钮，如何实现这样的效果呢？

这是一个非常简单的解决方案。

position:absolute

会删除按钮和输入之间的空格，并使其与输入“内联”。我使用

border left:none

删除与输入对齐的额外边框。这甚至可以用flex来完成

按钮{
背景色：白色；
边框：1px纯色浅灰色；
位置：绝对位置；
左边界：无；
光标：指针；
}
按钮：悬停{
背景色：#4080ff；
颜色：白色；
}
输入{
边框：1px纯色浅灰色；
}

>

使用浏览器代码检查器，您可能会找到您的答案。添加您的代码，人们可以提供帮助。我只想在文本输入旁边找到一个按钮可能与您的问题重复，然后添加您已经尝试过的代码，然后人们会提供帮助