एएसपी.नेट - अजाक्स कैलेंडर विस्तारक सीएसएस तालिका से

Question

मेरे पास हेडर के साथ एक एएसपी टेबल है, मेरे पास पंक्तियां भी हैं और पंक्तियों में से एक पर मेरे पास एक बॉक्स है जो एक टेक्स्ट बॉक्स से जुड़ा हुआ एक अजाक्स कैलेंडर विस्तारक है।

दुर्भाग्य से जब मैं कैलेंडर विस्तारक खोलता हूं तो यह सही तरीके से प्रदर्शित नहीं होता है और पैडिंग बहुत अधिक है।

मैंने जांच की कि कौन सी सीएसएस शैलियों को लागू किया जा रहा था और ऐसा लगता है कि यह तालिका से पैडिंग विरासत में है।

यहाँ मेज से सीएसएस है:

.accountorderstbl {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:center;border-collapse:collapse;} 
.accountorderstbl th{width:20%;font-size:13px;font-weight:normal;border-bottom:1px solid #fff;color:#039;padding:8px;background:url("Images/pattern-head.png");} 

.accountorderstbl tfoot td{width:20%;font-size:13px;font-weight:normal;border-bottom:1px solid #fff;color:#039;padding:4px;background:url("Images/pattern-head.png");} 

.accountorderstbl tr.unselected td{width:20%;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:8px;background:url("Images/pattern_blue.png");} 
.accountorderstbl tr.selected td{width:20%;border-bottom:1px solid #fff;color:#669;border-top:1px solid transparent;padding:8px;background:#E3E3F1;} 

.accountorderstbl tbody tr.unselected:hover td{color:#339;background:#fff;} 
.accountorderstbl tbody tr.selected:hover td{} 

.accountorderstbl a{ text-decoration: none;color:#669;font-weight:bold;} 

मैं जोड़ने सोचा सीएसएस की इस पंक्ति यह

.ajax__calendar_container td { padding:0; margin:0;} 

ठीक होगा, लेकिन मुझे लगता है कि यह एक देख सकते हैं जब मैं लागू किया जा रहा सीएसएस की जांच द्वारा ओवरराइड भी हो रहा है .accountorderstbl tr.unselected td जिसमें पैडिंग 8px

कोई भी मदद कर सकता है?

Answer 1

अपने सीएसएस

.ajax__calendar_container td { padding:0 !important; margin:0 !important; } 

!important के अंत तक !important जोड़ने का प्रयास करें सीएसएस के लिए एक ओवरराइड स्विच है। स्मैशिंग मैगज़ीन के बारे में एक लेख है here