# フォームブリッジ：チェックボックスの見た目カスタマイズ

**URL:** <https://community.cybozu.dev/t/topic/8113>\
**Category:** kintone 開発相談\
**Created:** [2023 年 9 月 15 日午前 7:13 UTC](https://community.cybozu.dev/t/topic/8113 "2023-09-15T07:13:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![ryokucha](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/ryokucha/32/381_2.png) [@ryokucha](https://community.cybozu.dev/u/ryokucha)\
**Post date:** [2023 年 9 月 15 日午前 7:13 UTC](https://community.cybozu.dev/t/topic/8113/1 "2023-09-15T07:13:30Z")

</div>

### 何を実現したいのかを書きまし

フォームブリッジを使って申込フォームを作成しています。  
ステップフォームを利用し、1つめのステップのチェックボックスを  
目立たせたいです。（枠線の色見をはっきりさせる、サイズを大きくするなど）

### 実行したコードをコピー＆ペーストしましょう

調べていくと以下のコードが見つかったのですが  
全てのチェックボックスの枠線が濃くなりました。

```javascript
/* チェックボックスの枠を黒くする */
span.el-checkbox__inner{
	border-color: #090909;
}

```

ステップ1のいつだけチェックボックスを加工したい場合、  
どうすればよいでしょうか。