laydate兼容bootstrap

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2015年9月8日 10:33:43 星期二

伦理片?http://www.dotdy.com/

在使用Bootstrap后，再使用laydate，框会偏移一点，原因是Bootstrap使用了 * {box-sizing:border-box;}

来reset浏览器的默认盒子模型。所以加上以下样式就能兼容Bootstrap了

?

1. Html代码??

   

   1. ?.laydate_box,?.laydate_box?*?{??
   2. ??????box-sizing:content-box;??
   3. }??
   ?
2. 另外，由于input的样式不一样，导致输入框大小不一致，可以加上下面的样式兼容：
3. input.laydate-icon,div.laydate-icon{??
4. ????display:?block;??
5. ????width:?100%;??
6. ????height:?34px;??
7. ????padding:?6px?12px;??
8. ????font-size:?14px;??
9. ????line-height:?1.42857143;??
10. ????color:?#555;??
11. ????border:?1px?solid?#ccc;??
12. ????border-radius:?4px;??
13. ????-webkit-box-shadow:?inset?0?1px?1px?rgba(0,.075);??
14. ????box-shadow:?inset?0?1px?1px?rgba(0,250); line-height:18px"> ????-webkit-transition:?border-color?ease-in-out?.15s,-webkit-box-shadow?ease-in-out?.15s;??
15. ????-o-transition:?border-color?ease-in-out?.15s,box-shadow?ease-in-out?.15s;??
16. ????transition:?border-color?ease-in-out?.15s,250); line-height:18px"> }??
17. div.laydate-icon{??
18. ????text-align:?left;??
19. }??