我在日期组件的初始化后加样式代码失效了
setTimeout(function() {
//下拉框内的颜色
$('.fr-combo-list-item').css({
'background': '#1c4896',
'border': '1px solid #1c4896',
'color': 'white'
});
// 设置 .fr-combo-list-item.fr-combo-selected 的样式
$('.fr-combo-list-item.fr-combo-selected').css({
'background': '#3771d8',
'color': 'white',
'border': '1px solid #3771d8 !important'
});
// 设置 .fr-combo-list 的样式
$('.fr-combo-list').css({
'background': '#1c4896',
'border': '1px solid #1c4896',
'border-radius': '3px',
'-webkit-box-shadow': 'none'
});
// 设置 .fr-datepicker thead tr.mainhead td 的样式
$('.fr-datepicker thead tr.mainhead td').css({
'background-color': '#1c4896',
'border': '1px solid #1c4896'
});
// 设置 .fr-datepicker table 的样式
$('.fr-datepicker table').css({
'background-color': '#1c4896',
'border': '1px solid #1c4896'
});
// 设置 .fr-datepicker tfoot tr.optbtns td.btn 的样式
$('.fr-datepicker tfoot tr.optbtns td.btn').css({
'background-color': '#1c4896',
'border': '1px solid #1c4896'
});
// 设置 .fr-datepicker table td.wn 的样式
$('.fr-datepicker table td.wn').css({
'background': '#1c4896',
'border': '1px solid #1c4896'
});
// 设置 .fr-datepicker 的样式
$('.fr-datepicker').css({
'color': '#F4F5F5',
'-webkit-box-shadow': 'none'
});
// 设置 .fr-datepicker td.oday 的样式
$('.fr-datepicker td.oday').css('color', '#5D749D');
// 设置 .fr-datepicker tbody td.hover 的样式
$('.fr-datepicker tbody td.hover').css({
'background': 'transparent url(/webroot/decision/view/form?op=resource&resource=/com/fr/web/images/ext/cell-click.png) repeat-x 100% 100%',
'border': '1px solid #007bff'
});
// 设置 .fr-datepicker table td.weekend 的样式
$('.fr-datepicker table td.weekend').css('color', '#d14949');
// 设置 .fr-datepicker table.dt 的样式
$('.fr-datepicker table.dt').css('border', '#1c4896');
// 设置 .fr-datepicker thead tr.mainhead td.hover 的样式
$('.fr-datepicker thead tr.mainhead td.hover').css({
'background-color': '#4679e1',
'border': '#4679e1'
});
// 设置 .fr-datepicker tbody td.today 的样式
$('.fr-datepicker tbody td.today').css('color', '#ffc400');
// 设置 .fr-checkbox-control 的样式
$('.fr-checkbox-control').css({
'background': '#1c4896 none repeat scroll 0 0',
'border': '1px solid #1c4896'
});
// 设置 .x-text 的样式
$('.x-text').css('color', '#eee');
// 设置 .fr-tageditor-tag 的样式
$('.fr-tageditor-tag').css({
'background-color': '#1c4896',
'color': '#eee',
'border': '1px solid #1c4896'
});
// 设置 .fr-trigger-text 的样式
$('.fr-trigger-text').css('background-color', '#1c4896');
// 设置 #fr-tageditor-tag-select 的样式
$('#fr-tageditor-tag-select').css('background-color', '#007bff');
}, 500)
