jquery - 无法更改按钮大小

Question

即使我使用 CSS 类更改宽度，我也无法更改按钮大小。带有按钮的表单和内容放在 <div> 中。行类。以便它们并排出现。

这是我的部分 代码:

.row.someDiv{
  margin-left: 0px;
  margin-right: 0px;
  max-width: initial;
}
input[type="text"]{
  border: none;
  border-bottom: 1px solid;
  width: 250px;
  margin-bottom: 10px;
  background: transparent;
}
.button-size{
  width: 100px;
  padding-bottom: 20px;
  
}

<div class="row someDiv">
  <div class="col-xs-8">
   <br/>  
   <label>
     <input type="text" class="text-line" placeholder="Name" required></label><br/>
   <label><input type="text" class="text-line"  placeholder="Email Address" required></label><br/>
   <label><input type="text" class="text-line"  placeholder="phone number"></label><br/>
     <label><input id="message-size"  type="text" placeholder="Message"></label><br/>
    <button type="submit" class="button-size space btn btn-block btn-primary"><i class="fa fa-paper-plane">Submit</i></button>
 </div>
 <div class="col-xs-4">
   <p class="content-style"> Want to get in touch? please fill up the form and I'll revert back soon.
  </div>
</div>

Answer 1

语法问题 x 到 px

.button-size{
  width: 100px;
  padding-bottom: 20px;

}