# 【formbridge】編集不可フィールド内の文字を濃くしたい

**URL:** <https://community.cybozu.dev/t/topic/1528>\
**Category:** kintone 開発相談\
**Created:** [2023 年 4 月 14 日午前 10:37 UTC](https://community.cybozu.dev/t/topic/1528 "2023-04-14T10:37:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2160](https://avatars.discourse-cdn.com/v4/letter/l/9f8e36/32.png) [@Legacy\_Account2160](https://community.cybozu.dev/u/Legacy_Account2160)\
**Post date:** [2023 年 4 月 14 日午前 10:37 UTC](https://community.cybozu.dev/t/topic/1528/1 "2023-04-14T10:37:55Z")

</div>

formbridgeのフィールドにkviewerルックアップで値を入れています。  
これらのフィールドは編集不可としたいためそのように設定しているのですが、  
それ故にformbridge上では薄字で表示されてしまいます

視認性向上のため、濃く表示したいのですがどのように行えばよいでしょうか？

以下javascriptカスタマイズを行いましたが、まだ表示としては薄いです。

```
(function() {

  "use strict";

  fb.events.form.mounted = [function (state) {

  const target = document.querySelector('[data-vv-name="番号"] input');

    target.style.fontWeight = "bolder";

    target.style.color = "black";

    target.style.backgroundColor = "white";

    return state;

  }];

})();

```

---

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2023 年 10 月 6 日午前 6:40 UTC](https://community.cybozu.dev/t/topic/1528/2 "2023-10-06T06:40:56Z")

</div>

opacityを設定すると薄くなるのは防げるようです。  
わざと、編集できる欄と区別するように色を指定しています。

```javascript
(() => {
    "use strict";
    fb.events.form.mounted = [(state) => {
        const target = document.querySelector('[data-vv-name="番号"] input');
        target.style.fontWeight = "bolder";
        target.style.color = "white";
        target.style.backgroundColor = "black";
        target.style.opacity = "1";
        return state;
    }];
})();

```

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 10 月 11 日午前 1:22 UTC](https://community.cybozu.dev/t/topic/1528/3 "2023-10-11T01:22:17Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。