2016-07-26 10 views
0

Wie kann ich in Laravel 4.2 die Farbe einer einzelnen Zeile ändern? Ich möchte es grau machen oder was auch immer, aber ich kenne die Syntax nicht, um sie zu ändern. Ich möchte nicht die gesamte Seite ändern, nur eine Zeile in meinem Projekt.Laravel/PHP Zeilenspezifische Farbe

{{ HTML::row() }} 
    {{ HTML::col(3,3,3,3) }} 
    {{ Form::formGroup() }} 
    {{ Form::label('RecordID', 'Record ID') }} 
    {{ Form::text('RecordID', $Appinfo->RecordID, ['class' => 'form-control', 'data-fv-notempty' => 'true', 'readonly']) }} 
    {{ Form::closeFormGroup() }} 
    {{ HTML::closeCol() }} 
    {{ Form::formGroup()}} 
    {{ HTML::closeRow() }} 
+0

Sie möchten die Farbe von was ändern? Der Hintergrund eines Elements in der Form? Die Grenze einer Eingabe? Ausführlicher sein, wenn Sie Fragen stellen ... –

+0

die Hintergrundfarbe in dieser Reihe. Ich habe mehrere Zeilen, aber ich möchte nur eine Zeilenfarbe am Ende meines Projekts ändern. – GabrielVa

Antwort

1

Sie haben ein paar Möglichkeiten, wie Sie dies erreichen können.

CSS-Methode

Sie CSS Pseudo-Selektoren können nur die letzte Reihe stylen:

.class-of-parent-element .row:last-child { 
    background-color: #e3e3e3; 
} 

Bitte beachten Sie, dass dies nur funktioniert, wenn die Zeile innerhalb ihrer Mutter tatsächlich das letzte Element ist .

Laravel Methode

Unter der Annahme, dass die Vorlage bereits weiß, dass dies die letzte Zeile ist (dies ist unklar, aus dem Codebeispiel Sie im Lieferumfang enthalten) Sie ein, eine Klasse zu der Zeile zuweisen. HTML::row() akzeptiert wahrscheinlich ein Attributargument. In diesem Fall sollten Sie mit einer Art wie HTML::row(['class' => 'last-row']); die Formatierung über eine bestimmte Klasse ermöglichen. Andernfalls kann es einfacher sein, den Zeilen-HTML-Code selbst zu schreiben und ihm eine eigene Klasse zu geben.

<div class="row last-row"> 
    {{ HTML::col(3,3,3,3) }} 
    {{ Form::formGroup() }} 
    {{ Form::label('RecordID', 'Record ID') }} 
    {{ Form::text('RecordID', $Appinfo->RecordID, ['class' => 'form-control', 'data-fv-notempty' => 'true', 'readonly']) }} 
    {{ Form::closeFormGroup() }} 
    {{ HTML::closeCol() }} 
    {{ Form::formGroup()}} 
</div> 
Verwandte Themen