Borde de fila de tabla no funciona en Firefox y Safari

Quería que la fila de la tabla tuviera un borde en la parte inferior y superior. El siguiente código funciona en IE pero no en Firefox o Safari. Amablemente ayuda!Borde de fila de tabla no funciona en Firefox y Safari

HTML

<tr class='TableRow'>

CSS

.TableRow{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
    }

Fuente

2012-04-19 user930514

Por lo que yo sé, no se puede establecer fronteras a través de filas de la tabla CSS. Pero le sugiero una solución a esto: establezca los bordes a las celdas dentro de la fila y luego use cellspacing = "0". Aquí es el CSS:

.TableRow td{ 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
}

Y una muestra de HTML sería:

<table cellspacing="0"> 
    <tr class="TableRow"> 
     <td>A</td> 
     <td>B</td> 
    </tr> 
    <tr> 
     <td>C</td> 
     <td>D</td> 
    </tr> 
</table>

La primera fila será el que tenga fronteras.

Espero que ayude.

EDIT: intenté con su código y no mostré el borde en ningún navegador, incluido IE.

Fuente

2012-04-19 18:27:26

Gracias! :) Funcionó – user930514

Esto solo funcionó para mí una vez que di mi '

' una declaración CSS de 'border-collapse: separate'. –

¿Esto soluciona su problema?

tr.TableRow td { 
    border-bottom: 2px solid rgb(167,167,167); 
    border-top: 2px solid rgb(167,167,167); 
}

Se añade un borde a todos los datos de la tabla dentro de las filas de la clase TableRow. Agregar el tr. al inicio es una buena práctica, ya que supongo que solo usará esta clase con la fila de la tabla.

Si está aplicando esto en varias filas, también puede agregar border-collapse:collapse; que colapsará los bordes en un solo borde.

Fuente

2012-04-19 18:34:58 jleft

Agregue border-collapse:collapse a la tabla y luego puede agregar el borde al tr.

Ejemplo:

table.myTable{ 
    border-collapse:collapse; 
} 

table.myTable tr{ 
    border:1px solid red; 
}

Fuente

2014-01-12 09:24:37

Cuestiones relacionadas

Borde de fila de tabla no funciona en Firefox y Safari

Respuesta

Cuestiones relacionadas