html - 编辑弹出窗口按钮

Question

我是 css + html 的新手，我一直被困在一个简单的问题上。所以我从 Bootstrap 中得到了一个弹出窗口，代码是

     <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Contact Us!</button>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Contact Us</h4>
      </div>
      <div class="modal-body">
        <p>Contact us at _____</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

我想知道如何更改按钮的填充和文本的颜色。 我尝试使用 #myModal 作为 css 标签，如图所示

  #myModal{
    background-color: green;
    padding-left:40%;
}

我做错了什么？

Answer 1

或者您可以在以下位置使用内联 CSS:

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Contact Us!</button>

喜欢:

"<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" style="color :orange; padding-left:30x;">Contact Us!</button>"

我希望这会有所帮助。 谢谢..