Cómo cambiar el color del borde de la tabla de arranque usando CSS en línea

Solución:

Usando solo style="border-color:white;" establece el borde de la tabla en blanco pero están siendo sobrescritos por el th y td estilos.

Tienes que configurarlo para cada th y td también. Si solo está utilizando CSS en línea, eso llevará mucho tiempo. La forma más fácil sería incluir los estilos en CSS y usar el signo de niño directo (>) para dar preferencia al estilo. Como esto.

table.table-bordered > thead > tr > th{
  border:1px solid blue;
}

Aquí hay un fragmento de trabajo:

table.table-bordered{
    border:1px solid blue;
    margin-top:20px;
  }
table.table-bordered > thead > tr > th{
    border:1px solid blue;
}
table.table-bordered > tbody > tr > td{
    border:1px solid blue;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
  <table class="table table-bordered">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>[email protected]</td>
      </tr>
    </tbody>
  </table>
</div>

La forma más fácil es agregar su propio archivo CSS, con cambios personalizados, después de iniciar el CSS predeterminado. No estoy seguro de la versión que usa, pero así es como se ve la aplicación del borde en 3.3.7, y debe sobrescribir esa regla:

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid red; //your desired color
}

Demostración: http://www.bootply.com/T5xU5ismja

---

---

Utiliza Nuestro Buscador