编辑弹出窗口按钮

我是新来的CSS + HTML和我一直停留在一个简单的问题。所以，我从引导了一个弹出窗口，代码编辑弹出窗口按钮

 <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%; 
}

我在做什么错？

来源

2015-11-29 mlabenski

要改变填充和颜色，你可以做到这一点。

添加在CSS

.btn btn-info btn-lg{ 
    color: green; 
    padding-left: 30px; 
}

来源

2015-11-29 14:04:10

你可能会试图改变模式这么简单.btn选择将工作以外的按钮，所以没有必要选择#myModal。

的定制的样式表必须包含在自举声明属性重写后;

.btn { 
    color:green; 
    padding-left: 50px; 
}

Example这里我已经添加了一些填充和自定义颜色，以便您可以看到它是如何工作的。

来源

2015-11-29 14:08:07

或者您也可以使用内嵌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>"

这将有助于我的希望。谢谢。

来源

2015-11-29 14:36:14

编辑弹出窗口按钮

回答

相关问题