本文介绍了使用CSS放置带有输入文本的按钮的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何使用CSS创建这样的输入文本和按钮？或证明js
css
这是您要查找的推荐答案。
.parent-box{
width:fit-content;
background:#26376B;
}
.text-box{
border:1px solid #CACACA;
padding:5px 10px;
min-width:300px;
}
.btn{
padding:5px 20px;
width:100px;
color:#fff;
border:none;
background-color:#26376B;
cursor:pointer;
}
.common{
outline:none;
border-radius:50px;
}<div class="parent-box common">
<input class="text-box common" type="text" placeholder="Chassis Number">
<button class="btn common">Check</button>
</div>如果只想输入数字，请使用<input type="text">中的type="number"
这篇关于使用CSS放置带有输入文本的按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！