删除＆＃39;宽度＆＃39;来自使用jquery的css类

Question

我正在研究jQuery UI DatePicker。当我使用changeMonth和changeYear属性时，月份和年份select控件看起来都很奇怪。我希望用空格将它们彼此相邻

我使用开发人员工具挖了一点，发现它的宽度固定为 49％

虽然我的css文件很方便，但我不应该改变它的任何部分。

我尝试了几种解决方法......

我创建了一个名为widthClass

的类

.widthClass{
   width : '0px !important';
 }

将其添加到月控制器

$('.ui-datepicker-month').addClass('widthClass');

第二种方法是，

$('.ui-datepicker-month').css('width', '');

但它们都没有给出正确的结果。帮帮我...

这就是我的控制器应该是这样的......

更新

我可以通过在文本字段中添加.click()处理程序来修改月份和年份控件宽度。我能够看到o / p的愿望。但是，当我点击日期选择器中的任何其他导航控件时，它会重置并看起来像旧版本。

我在.click()电话中所做的是......

$("<text-field-class>").click(function(){
     $('.ui-datepicker-month, .ui-datepicker-year').css('wdith', '30%');
});

即使我使用next / previous / today控件，如何保持此应用样式永久保留？

Answer 1

尝试

$('.ui-datepicker-month').css('width', 'auto');

Answer 2

尝试Maverick解决方案或

$('.ui-datepicker-month').css('width', '0px !important');

Answer 3

您可以参考并试验http://jqueryui.com/demos/datepicker/#dropdown-month-year

链接中有一个现场演示。还有一个主题标签，用于自定义日期选择器。还要检查您的页面CSS以检查CSS冲突。

Answer 4

我在我的应用程序中使用的页面中添加了一个正确的DOCTYPE。这已经自动调整了彼此相邻的下降。此外，它解决了控件的另一个问题。