我有一个小问题,因为我想在悬停时更改链接的颜色以及他的背景。我应该为 a 添加另一个类吗?然后风格呢?我试过了,但没有用。
这是我的代码:
@extends('layout')
@section('title', 'Przychodnia')
@section('content')
<div class="container">
<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">{{$doctorsDeadlines['lekarz']['imie']}} {{$doctorsDeadlines['lekarz']['nazwisko']}}
</h2>
<hr>
<hr class="visible-xs">
<h4 class="text-center">Terminarz</h4>
<br/>
<table class="table table-responsive table-striped table-bordered">
<tr>
@foreach($doctorsDeadlines['terminy'] as $date => $hours)
<th>{{$date}}</th>
@endforeach
</tr>
<tr>
@foreach($doctorsDeadlines['terminy'] as $date => $hours)
<td>
@foreach($hours as $hour )
<a href="#">{{$hour}}</a>
@endforeach
</td>
@endforeach
</tr>
</table>
</div>
</div>
</div>
</div>
@endsection
最佳答案
你可以试试下面的css
.hour{ color: red!important; }
.hour:hover{ color: #000!important; background-color:#fff!important; }
您可以添加自己的颜色。
关于html - Bootstrap 如何更改表格中链接的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43913726/