¿Hay alguna razón por la que no se puede poner un borde alrededor de un <tr> en una tabla html usando CSS

Question

Tengo una tabla y tengo un tr con una clase establecida en "underRow".

En CSS que tengo: no parece que el borde de la fila

.underRow { 
border-bottom-color: #7a26b9; 
border-bottom-style: solid; 
border-bottom-width: 1px; 
} 

pero estar cambiando en absoluto. Si muevo el atributo de clase al td, funciona bien (pero el problema es que tengo un espacio en el medio donde el relleno está entre las celdas. Quiero evitar este espacio y tener una línea recta debajo de la fila.

¿hay algo malo en poner fronteras atributos CSS en un elemento de fila (TR)

Aquí está el resto de la CSS en esta tabla como referencia:?

.quantityTable { 
    border-radius: 5px 5px 5px 5px; 
    background-color: #d6b4E1; 
    padding: 5px; 
    margin-bottom: 5px; 
    width: 100%; 
    border-width: 2px; 
    border-color: #7a26b9; 
    border-style: solid; 
} 

Answer 1

No, debería funcionar.

ver esto: http://jsfiddle.net/jasongennaro/qCzrg/

Tal vez usted necesita para colapsar sus fronteras con

border-collapse:collapse 

o tal vez otros estilos para el TD está anulando

puedo mostrar algo más de código.

Según su edición:

(pero el problema es que me sale un espacio en el medio, donde el relleno se encuentra entre las células que quiero evitar este espacio y tienen una recta . línea por debajo de la fila.

Suena como que sin duda necesita border-collapse

se debe añadir al estilo de el table.

Aquí hay un poco más sobre él: http://www.the-art-of-web.com/css/bordercollapse/

EDIT 2

Basado en el nuevo código y el siguiente comentario:

el tema es que si yo uso: frontera- colapso: colapsar y el estilo de border-radius ya no funciona

Te estoy adivinando quieren algo como esto

.quantityTable{ 
    border-radius: 15px 15px 15px 15px; 
    background-color: #d6b4E1; 
    margin-bottom: 5px; 
    width: 100%;  
} 

.underRow{ 
    border-bottom-color: #7a26b9; 
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
} 

.underRow:last-child{ 
    border-bottom:none; 
} 

.underRow td{ 
    padding: 15px; 
} 

Ejemplo: http://jsfiddle.net/jasongennaro/qCzrg/1/

NOTA

1. me hizo el radio más grande, así que se podía ver que sea más fácil.

2. También elimina la frontera desde la propia mesa

Answer 2

algunas versiones de algunos navegadores don No es bueno establecer estilos de borde en tr elementos.

En su lugar, siempre puede configurarlos en su td s.

.underRow td { 
    border-bottom: 1px solid #7a26b9; 
} 

Si hay frontera espaciamiento puede que tenga que colapsar los bordes de la tabla utilizando border-collapse: collapse;.