FAQ:サンプルコード:一覧表示で、ロックされたレコードにハイライトをつける
## 概要
レコードロック機能により、一覧画面でロック状態にあるレコードを拡張CSSを使い、ハイライトをつけます。
![image](/binaries/a09d2880245a48e4b111eb2b0dbc9d75)
## 事前準備
1. テーブルの管理を開きます。
2. スタイルタブを開きます。
3. 新規作成を押下し、任意のタイトルを入力し、下記のCSSを入力します。
##### CSS
```
[data-locked="1"] { background-color: pink }
```
4. 出力先を一覧とし、追加ボタンをクリックします。
5. 更新ボタンをクリックします。
6. 一覧画面でレコードがハイライトされていることを確認します。
![image](/binaries/ea345cc857404019bd60fe6a68a559e9)
## 関連情報
[テーブル機能:レコードのロック](/manual/table-record-lock)
[テーブル機能:レコードのロックの解除](/manual/table-record-unlock)
[テーブルの管理:エディタ:レコードのロックを許可](/manual/table-management-record-lock)