2012-06-28 5 views
5

私はヘッダー付きのASPテーブルを持っています。また、行があり、行の1つに、テキストボックスにn個のAjaxカレンダーエクステンダーが付いたセルがあります。ASP.NET - Ajax Calendar Extender CSSテーブルから継承する

残念ながら、私がカレンダーエクステンダーを開くと、正しく表示されず、パディングが大きくなりすぎます。

どのCSSスタイルが適用されているかを調査しましたが、それはテーブルからのパディングを継承しているようです。ここで

はテーブルからCSSです:

.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;} 

私はCSSのこの行を追加することが

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

それを修正するだろうが、私は、CSSが適用されて調べるとき、私は、このいずれかを見ることができると思いました.accountorderstbl tr.unselected tdパディングが8pxに設定されています

誰でも手助けできますか?あなたのCSS

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

!importantの最後に!importantを追加

答えて

7

試みは、CSSのオーバーライドスイッチです。 Smashing Magazineに記事がありますhere

+0

素晴らしいありがとう:) –

+0

これはあなたのために働く場合はそれを受け入れることを忘れないでください – Eonasdan