修改bootstrap模态框样式

bootstrap是一款非常流行的前端框架，但是有时候我们需要自定义其中的一些样式，这里的例子介绍了如何修改模态框，官方例子样式如下：

修改后的如下：

主要代码如下：

    

	

	    

		×
		
标题
	    
				
	    

		

		    输入
			
		 

		 

		    选择
			
			
		  
	        

	        

		    取消
		    
		    确定
		    
		
	    
        

相关的css代码如下：

.myModal-header{
	padding:6px 10px 6px 20px;
	background-color:#007DCF;
	border:0px;
	height:30px;
}

.myModal-body{
	padding:30px 40px 30px 40px;
	background-color:#1E253F;
	border-left:1px solid #007DCF;
	border-right:1px solid #007DCF;
}

.myModal-header-font{
	font-size:12px;
	color:#FFFFFF;
}

.myModal-header-close{
	color:white;
}

.myModal-select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	padding-right:10px;
	background:url("../css/images/newpic/chevron-down.png") no-repeat scroll right center transparent;
	background-position-x: 185px;
}

.myModal-input{
	background-color:#1E253F;
	border:1px solid #007DCF
}

.myModal-footer{
	background-color:#1E253F;
	border:1px solid #007DCF;
	border-top:none;
	padding:0px 15px 30px 15px;
}

另外在引入bootstrap的css文件就可以了