Entfernen Sie die Ränder aus Bootstrap-Tabelle

Question

Ich habe versucht, die Zeilen zwischen den Text loszuwerden. Ich habe versucht, die Grenzen auf keine zu ändern, ich habe auch Text-Dekoration ausprobiert: keine. Beides funktioniert nicht. Weiß jemand, wie man das repariert?

.table { 
 
    font-size: 18px; 
 
    text-align: left; 
 
    text-decoration: none; 
 
}

<table class="table borderless"> 
 
    <thead> 
 
    <tr> 
 
     <th>Required and Nonrefundable Fee per Year</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
     <td>Registration Fee: per child</td> 
 
     <td>NT$50,000</td> 
 
     </tr> 
 
     <tr> 
 
     <td>Student Accident Insurance Fee: per child</td> 
 
     <td>NT$800</td> 
 
     </tr> 
 
     <tr> 
 
     <td>Parent Association Member Fee: per family</td> 
 
     <td>NT$1,000</td> 
 
     </tr> 
 
    </tbody> 
 
</table>

Answer 1

Ich denke, das wird funktioniert ..

.table>tbody>tr>td, 
.table>tbody>tr>th { 
    border-top: none; 
} 

Answer 2

kopieren und sie auf Ihrem Stylesheet.

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { 
padding: 8px; 
line-height: 1.42857143; 
vertical-align: top; 
border-top: 1px solid rgba(221, 221, 221, 0)!important; 

}

.table>thead>tr>th { 
vertical-align: bottom; 
border-bottom: 2px solid rgba(221, 221, 221, 0)!important; 

}

Answer 3

kopiert ich Ihren Code und versucht und erhalten zu ändern, was Sie wollten. Endlich konnte ich eine Antwort bekommen.

tr{ 
    border-top: hidden; 
} 

Sagen Sie mir, wenn dies das ist, was Sie wollten.