laydate兼容bootstrap
laydate兼容bootstrap
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年9月8日 10:33:43 星期二
http://fanshuyao.iteye.com/
在使用Bootstrap后,再使用laydate,框会偏移一点,原因是Bootstrap使用了 * {box-sizing:border-box;}
来reset浏览器的默认盒子模型。所以加上以下样式就能兼容Bootstrap了
-
.laydate_box, .laydate_box * { box-sizing:content-box; }
- 另外,由于input的样式不一样,导致输入框大小不一致,可以加上下面的样式兼容:
-
input.laydate-icon,div.laydate-icon{ display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } div.laydate-icon{ text-align: left; }
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年9月8日 10:33:43 星期二
http://fanshuyao.iteye.com/
今天越懒,明天要做的事越多。