ASP.NET - Ajax Calendar Extender CSS Inheriting De la tabla

Question

Tengo una tabla asp con encabezados, también tengo filas y en una de las filas tengo una celda con un extensor de calendario Ajax adjunto a un cuadro de texto.

Desafortunadamente, cuando abro el extensor del calendario no se visualiza correctamente y el relleno es demasiado grande.

Investigué qué estilos CSS se estaban aplicando y parece heredar el relleno de la tabla.

Aquí es el css de la mesa:

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

pensé añadiendo esta línea de css lo arreglaría

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

pero cuando examino el css que se aplica puedo ver que éste también está siendo sobrescrito por .accountorderstbl tr.unselected td que tiene relleno establecido en 8px

¿Alguien puede ayudar?

Answer 1

intento de añadir !important hasta el final de su css

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

!important un interruptor de invalidación de CSS. Smashing Magazine tiene un artículo sobre él here