[url=]修改css样式,一般来说可以通过引入css文件覆盖原有样式的方法来实现。
但是日期控件弹出面板这个比较特殊,这个是动态引入的css文件,是点击了日期控件的下拉按钮才会加载的,所以引入css文件的方法就不能用了。
可以等日期选择面板展现出来的时候再用js调整css样式。
所以给日期控件添加初始化后事件:
//给下拉按钮绑定事件
this.btn.bind('click',function() {
//面板展现出来了执行
setTimeout(function(){
$('.fr-datepickertd').css({
height:'10px',
'font-size':'10px',
padding:0
});
$('.fr-datepickertr').css({
height:'10px'
});
},100);
});
如下图:
3. 预览效果
[/url]