ヘッダー付きのASPテーブルがあり、行もあり、行の1つに、テキストボックスにAjaxカレンダーエクステンダーが接続されたセルがあります。
残念ながら、カレンダー エクステンダーを開くと正しく表示されず、パディングが大きすぎます。
どの 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によってオーバーライドされていることがわかります。
誰でも助けることができますか？