输入和一个按钮

Question

我只想在右侧输入带有按钮的输入。

但是我得到的按钮比输入的要小得多。

它与股票引导程序很好地配合，但是我的项目有很多额外的CSS。

如果我超过了Chrome上的input-group-btn类

代码：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<div class="input-group">
  <input type="text" class="form-control" placeholder="BSG900020190212122257549362844">
  <span class="input-group-btn">
    <button type="button" class="btn btn-default">Go</button>
   </span>
</div>

任何想法，有什么CSS规则可能会弄乱我的输入组？

Answer 1

如果您的input具有height或padding，则将其应用于button。