设置背景颜色

我有这样的一个表格单元格：设置背景颜色

<td> 
    @if ($user->status == 1)Present 
    @elseif ($user->status_detail != null) Absent(see Details) 
    @else Absent 
    @endif 
</td>

所以我的问题是，我不希望只是给表单元的字“现在“我想给它一个颜色。你们有这个问题的建议吗？

来源

2014-09-11 jrenk

如何把td的外侧和生成它的方式呢？ – 2014-09-11 09:44:01

我试过那个，但可悲的是它没有奏效。 – jrenk 2014-09-11 10:08:10

您需要在元素添加为下面的示例

<td class=" 
@if ($user->status == 1) 
present 
@else 
absent 
@endif 
"> 
    @if ($user->status == 1)Present 
    @elseif ($user->status_detail != null) Absent(see Details) 
    @else Absent 
    @endif 
</td>

然后在CSS，只要你想，例如，你可以定义样式：

.present {background:#0f0;} 
.absent {background:#f00;}

来源

2014-09-11 09:52:17

非常感谢！这工作！ – jrenk 2014-09-11 09:58:37

围绕文字“Present”给出一个标签。然后给班级使用CSS给背景颜色跨度。

<td> 
    @if ($user->status == 1)<span class="present">Present</span> 
    @elseif ($user->status_detail != null) Absent(see Details) 
    @else <span class="absent">Absent</span> 
    @endif 
</td>

在CSS

.present{ background:#ff0;display:block; width:100%;} 
.absent{ background:#f00;display:block; width:100%;}

来源

2014-09-11 09:46:20

有了这个解决方案，只有“礼物”有背景颜色，而不是整个表格单元格。 – jrenk 2014-09-11 09:48:49

添加显示：块;风格 – 2014-09-11 09:56:18

-1

<td class="status"> 
@if ($user->status == 1)Present 
@elseif ($user->status_detail != null) Absent(see Details) 
@else Absent 
@endif 
</td>

个

CSS

.STATUS {背景：#FFF;}

还是应当不同不存在或存在？

来源

2014-09-11 09:52:51 Elasek

它应该是不同的颜色。 – jrenk 2014-09-11 09:55:23

颜色是可编辑的。你可以在这里找到一些如果你仍然需要它：http://www.w3schools.com/cssref/css_colornames.asp – Elasek 2014-09-11 10:04:17

我的意思是缺席，并应呈现不同的颜色。但是，无论如何，我现在有一个工作解决方案。 – jrenk 2014-09-11 10:07:03

@if ($user->status == 1) 
    $status = Present; 
    $color = "green"; 
@elseif ($user->status_detail != null) 
    $status = Absent(see Details); 
    $color = "red" 
@else 
    $status = Absent(see Details); 
    $color = "red"; 
@endif 

<td style="background-color:{{$color}}">{{$status}}</td>

来源

2014-09-11 09:56:36

设置背景颜色

回答

相关问题