我已经看到很多答案了 How to change the cell color of a jquery datepicker 但由于某些原因,他们不适用于我的例子。
http://plungjan.name/test/datepicker_orange.html
我希望整个单元格内容为橙色,而不仅仅是我们在单元格链接后面看到的内容
所以我可以看到
.ui-state-default {
background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
border: 1px solid #D3D3D3;
color: #555555;
font-weight: normal;
}
控制单元格内的链接,并将我设置的类名称设置为“orange”
<td class=" orange" onclick="DP_jQuery_1327604402271.datepicker._selectDay('#toDate',1,2012, this);return false;" title="Almost sold out">
<a class="ui-state-default" href="#">15</a>
</td>
我在这段代码中给出了橙色类:
return [true,"orange","Almost sold out"];
显示
而不是
如果我在firebug中删除上述ui-state-default的背景图片,我可以获得
使用beforeShowDay更改我现在更改的细胞的完整细胞颜色的正确方法是什么?
我试图通过覆盖默认值来帮助解决问题:
.ui-state-default {
background-color: transparent;
border: 1px solid #D3D3D3;
color: #555555;
font-weight: normal;
}
没有造成任何差异
答案 0 :(得分:3)
@mplungjan将css更改为:
td.highlight {border: none !important;padding: 1px 0 1px 1px !important;background: none !important;overflow:hidden;}
td.highlight a {background: #99dd73 url(bg.png) 50% 50% repeat-x !important; border: 1px #88a276 solid !important;}
答案 1 :(得分:0)
如果您将课程直接放在标签上,则必须将其更改为:
.ui-state-default {
background: #E6E6E6;
border: 1px solid #D3D3D3;
color: #555555;
font-weight: normal;
}
在CSS中,如果你有一个backgorund图像和一个背景颜色,那么浏览器会显示你在第一个例子中的渐变灰色图像。