Почему мой заголовок стола получает цвет, когда css пуст, а я не стилизирую таблицу в моем html? - PullRequest
0 голосов
/ 27 февраля 2020

Хорошо, моя страница выглядит следующим образом:

enter image description here

Как видите, помеченный "Detailansicht Telefonnummer" имеет синий фон, и я не знаю, откуда это. Файл css пуст и является компонентом Angular. Любая помощь приветствуется.

номер телефона. html:

<table>
    <tr>
      <th>ID</th>

    </tr>
    <tr>
       <td>{{id}}</td>

    </tr>

</table>

<br>
<button (click)="blockPhoneNumber((phonenumber))">Manuell sperren</button>
<br>
<button (click)="unblockPhoneNumber((phonenumber))">Entsperren</button>
<br>
<button (click)="reservePhoneNumber((phonenumber))">Reservieren</button>

<table style='text-align:left'>
  <thead>
    <tr>
       <th colspan="2"><h3>Detailansicht Telefonnummer</h3></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td width= '200'><b>Nummer:</b></td>
      <td></td>
    </tr>
    <tr>
      <td><b>Typ:</b></td>
      <td></td>
    </tr>
    <tr>
      <td><b>Letzte Änderung:</b></td>
      <td></td>
    </tr>
    <tr>
      <td><b>Geändert durch:</b></td>
      <td></td>
    </tr>
  </tbody>
</table>

<br />

<button (click)="goBack()" class="btn btn-primary" style="margin: 0 20px">zurück</button>
<button (click)="goBack()" class="btn btn-primary" style="margin: 0 20px">blockieren</button>
<button (click)="goBack()" class="btn btn-primary" style="margin: 0 20px">reservieren</button>

1 Ответ

0 голосов
/ 27 февраля 2020

table th h3 {
  background: transparent !important;
}

table th h3.bg-default {
  background: transparent !important;
}
solution 1-
<th colspan="2"><h3>Detailansicht Telefonnummer</h3></th>
<hr>
solution 2-
<th colspan="2"><h3 class="bg-default">Detailansicht Telefonnummer</h3></th>

Попробуйте вот так ...

...