2012-03-16 57 views
1

我正在嘗試在我的網站中使用DatePicker。我有一個的main.css,它有一個風格如下:如何防止datepicker css發生變化

body { 
    margin: 0; 
    padding: 0;  
    line-height: 1.5; 
    font-size: 75%; 
} 

當我把日期選擇到日期選擇器的風格正在發生變化的部位。 有什麼辦法可以防止改變它嗎?

+1

請更準確:你怎麼申請日期選擇器?究竟發生了什麼變化? – supertopi 2012-03-16 12:50:18

+0

main.css中的body類適用於所有的頁面,並且改變了datepicker的css風格?我怎樣才能防止它? – user1264362 2012-03-16 12:52:40

+0

如果body css是原因,你必須在日期選擇器css上完成所需的輸出。 – w3uiguru 2012-03-16 12:55:28

回答

0

要修復它,請在正文中找到影響日期選擇器的特定樣式屬性(屬性),然後專門重置datepicker css中的這些屬性。

例如 /的main.css/

體{
字體大小:2px的;

}

例如,字體大小將適用於你把網頁(包括日期選擇器)上,以便解決它去日期選擇器的CSS,並改變字體大小屬性的特定元素的一切。

/*日期選擇的CSS */

#foo {

字體大小:4像素;

} 乾杯

+0

非常感謝 – user1264362 2012-03-16 13:20:56

0

如果我理解正確的話,你不能防止它是這樣,但是你可以重寫並把它放回去,因爲它是。您需要將CSS應用於日期選擇器本身,以覆蓋正文樣式對其執行的操作。

日期選取器元素是否有ID,因此您可以直接對其應用CSS?

+0

我的日期選擇器如下:日期: $(函數(){ \t \t $( 「#datepicker」).datepicker({ \t \t \t changeMonth:真, \t \t \t changeYear:真, \t \t \t yearRange: 「 - 90:0」, \t \t \t showOn: 「兩者」, \t \t \t按鈕畫面: 「圖像/ calendar.gif」, \t \t \t buttonImageOnly:true \t \t}); \t}); – user1264362 2012-03-16 13:00:51

+0

所以這是標準的文本框,附加了一些Javascript,它是實際日期選擇器的一部分。在開始計算出您需要的CSS之前,您需要知道Javascript創建的HTML元素。 – 2012-03-16 13:16:26