如何在div中更改此特定的css類，在Date Picker jquery-ui中？

在日曆日期選取器，我有這個div如何在div中更改此特定的css類，在Date Picker jquery-ui中？

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi-2 ui-datepicker-multi">

我想更改CSS類該類：

ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi-2 ui-datepicker-multi

我像這樣使用，但它不工作：

.ui-datepicker .ui-widget .ui-widget-content .ui-helper-clearfix .ui-corner-all .ui-datepicker-multi .ui-datepicker-multi-2 { 

position: absolute; 
top: 38px; 
left: 44px; 
z-index: 1; 
display: block; 
width: 55em; 
}

如何更改該類的css？我的CSS不正確？這個DIV有什麼問題，因爲一種樣式會自動添加到div中。我檢查了Inspect元素，我看到元素內聯，但沒有。這就是爲什麼CSS不會影響它，如何解決它？

How to remove auto style into this div?

我需要有人來幫助我，這下面的JavaScript代碼，如何設置寬度寬度：都是因爲這下面的代碼CSS不會影響到的「55em」該DIV

 // determine sizing offscreen 
    inst.dpDiv.css({ position: "absolute", display: "block", top: "-1000px", width: "55em" }); 
    $.datepicker._updateDatepicker(inst); 

    // fix width for dynamic number of date pickers 
    // and adjust position before showing 
    offset = $.datepicker._checkOffset(inst, offset, isFixed); 
     inst.dpDiv.css({ position: ($.datepicker._inDialog && $.blockUI ? 
     "static" : (isFixed ? "fixed" : "absolute")), display: "none", 
     left: offset.left + "px", top: offset.top + "px", width: "55em" });  
    if (!inst.inline) { 
     showAnim = $.datepicker._get(inst, "showAnim"); 
     duration = $.datepicker._get(inst, "duration"); 
     inst.dpDiv.css("z-index", datepicker_getZindex($(input)) + 1); 
     $.datepicker._datepickerShowing = true; 

     if ($.effects && $.effects.effect[ showAnim ]) { 
      inst.dpDiv.show(showAnim, $.datepicker._get(inst, "showOptions"), duration); 
     } else { 
      inst.dpDiv[ showAnim || "show" ](showAnim ? duration : null); 
     } 

     if ($.datepicker._shouldFocusInput(inst)) { 
      inst.input.trigger("focus"); 
     } 

     $.datepicker._curInst = inst; 
    } 
},

來源

2016-07-25 Alexandr rechiardson

你需要沒有階級之間-的空間。當你有空間的時候，它會把每個班級都當作是前一個班的孩子。刪除空格將把所有這些類中的元素集中在一起。

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi.ui-datepicker-multi-2 { 
    position: absolute; 
    top: 38px; 
    left: 44px; 
    z-index: 1; 
    display: block; 
    width: 70em; 
}

編輯：爲了覆蓋內聯樣式，使用jQuery的.css()函數來設置你想要的元素的樣式。這樣的事情：

$('#ui-datepicker-div').css('width':'70em');

來源

2016-07-25 18:12:05

我做到了，但它不起作用，這個DIV出了問題，因爲一種風格會自動添加到div中。我檢查了Inspect元素，我看到元素內聯，但沒有。這就是爲什麼CSS不會影響它，如何解決它？ –

@Alexandrrechiardson如果你的問題是內聯樣式覆蓋你的樣式表，那麼這是應該在創建元素的JS函數中完成的事情。看起來你正在使用某種類型的庫，所以我會查看有關如何更改這些樣式的文檔。 –

嗨，你需要讓你的風格重寫發生在jquery ui css被調用之後。是這樣嗎？ –

如何在div中更改此特定的css類，在Date Picker jquery-ui中？

回答

相關問題