【问题标题】:Place Button with input text with css使用 css 放置带有输入文本的按钮
【发布时间】:2022-01-20 04:00:45
【问题描述】:

如何使用 CSS 制作像这样的输入文本和按钮?或者 vuetify js

【问题讨论】:

标签: css bootstrap-4 vuetify.js


【解决方案1】:

这是您要查找的 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>

如果您只想输入数字,请在&lt;input type="text"&gt; 中使用type="number"

【讨论】:

  • 帮助 :) tq ..
  • 嗨@kurisu,如果这回答了您的问题,请单击复选图标将其标记为已接受。如果没有,请在您的问题中告诉我们您到底在寻找什么。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-12-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多