自己写个class样式覆盖到框架的样式位置就好了。
为东光等地区用户提供了全套网页设计制作服务，及东光网站建设行业解决方案。主营业务为成都网站设计、网站建设、外贸网站建设、东光网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
1.自定义图标替换ionic图标样式
ion-item class="item item-complex my-complex item-icon-left item-icon-right"
a class="item-content my-content" ng-click="goPage('archive', '个人信息')"
i class="icon datum-img"/i
span style="font-size: 90%;line-height:inherit"个人信息/span
i class="icon ion-ios-arrow-right msgText" style="font-size: 20px;"/i
/a
/ion-item1234567
.datum-img{/* 个人信息*/
background: url(../img/mine/datum.png) no-repeat center; width: 20px; height: 20px; margin-top: 3px; display: inline-block; background-size: 100%;}12345678
.my-complex .my-content{ padding: 10px 0px 10px 0px;}123
从代码中可以看到，.datum-img是使用自定义图标，宽高大小需要明确指出。而下面 .my-complex .my-content的样式内容是覆盖掉框架的.item-complex .item-content中padding的规格，而其他规格没写则还是以框架原有的规格显示。图标大小可以用font-size来调整。
总结：覆盖样式，1、先看下框架css的层次，2、依据框架层次自己写个不同名的class样式，样式内含有你需要覆盖的规格key要对，然后自己改想要的value。3、把自己写好的class样式名写到你需要覆盖的框架样式后面就能实现覆盖了。而且不会对原有的框架样式发生改变。
1、你应该使用定位了，涉及到了z-index
2、日历和表格的z-index要么全部取消不用，要用，全部加上，日历的值比表格的大一些就好了，z-index的值一般在10之内就好了，不要太高
由于css选择器是根据元素定义的权重来计算加载的，所以把自己的css文件Link放在bootstrap后面未必会覆盖掉其样式（不过推荐先这样尝试一下）
但最保险的办法是为页面上的其中一个根元素指定其他任意ID，例如： body id =“mystyle”
这样，尼可以在你的ID前面添加任何CSS选择器，立即为元素添加100点的权重，并覆盖Bootstrap定义
#mystyle h1 {
line-height: 1;
color: inherit;
}
在自己的css文件中直接采用以上的根据id定义的写法，就可以提高你的定义的权重值，从而覆盖bootstrap 的样式
在你mystle.css的box的所有打得属性后面都叫上!important 。 如padding:10px !important ;这样他就会执行你写的，但是如果在default.css里面定义了的你在mystyle.css没定义的话 ，它还是会执行default.css里面的
你是不是弄错了啊，，
应该总是显示 pic2吧
行内式id选择器 class定义的样式 标签选择器
你可以在去试一下。。。。
可以与它们放置的顺序是没有关系。。。
看了你这个问题我测试一下，，
测试的代码：
style type="text/css"
ul li { background:url(bg2.gif) no-repeat left center;}
.on { background:url(nv5.gif) no-repeat left center;}
#div11 { background:url(nv8.gif) no-repeat left center;}
/style
/head
body
ul
li class="on" id="div11"/li
/ul
/body
说明这个：id选择器 class定义的样式 标签选择器
当然行内式优先级最大!!
方法一 细化选择符
假如全局是这样来定义一个元素的样式的：.abc {background:#000}，同时这个class为abc的元素是隶属于某个元素的，比如下面这样的html代码结构
div class="container"
div class="abc"/div
/div
那么在细化css里面，只需要在.abc前面加多一个父元素的选择符就行了：
.container .abc {background:#fff}
这样.container .abc的优先级就大于了.abc，自然细化css里面的background设置也就不会被全局CSS覆盖了~~
方法二 提升样式的优先级
这种方法个人不太推荐，相对而言会简单粗暴一些。同样是上面的例子，在细化CSS里面，只要在样式后面加一个!important，例如这样：
.abc {background:#fff !improtant;}
这个样式的优先级就会默认提升到顶级，全局样式就无法影响到它了。
方法三 改变两个样式的加载顺序
这种方法比较简单，就是只要把细化css加载在全局css之后就行了，这样后面的样式就会自动覆盖前面的样式。不过如果你的html里面这两个样式表的加载顺序是先细化后全局的话，就要稍微调整一下代码才行。
