フィールド名を赤に、背景色もつけたい

kintone カスタマイズ
1

フィールド名に背景色をつけることは可能ですか？

できれば、背景色と太字にしたいです。

現在のコードは、下記の通りです。(function() {
  “use strict”;
  kintone.events.on([‘app.record.detail.show’, ‘app.record.create.show’, ‘app.record.edit.show’], function(event) {
    [].forEach.call(document.getElementsByClassName(“control-label-text-gaia”), function(element){
      if(element.innerText === “【契約日】”){
        element.style.color = “mediumvioletred”;
      }
    });
    return event;
  });
})();

宜しくお願い致します。

2

以下のcssで指定できます。

文字色 -> color

背景色 -> background-color

太字 -> font-weigth

 

やり方いろいろありますが、バニラJSでやりますと、

[...document.querySelectorAll('.control-label-text-gaia')]
.find(el => el.innerText === '【契約日】')
  .style = `color: mediumvioletred; font-weight: bold; background-color: yellow;`;

jQueryなら、

$('.control-label-text-gaia:contains(【契約日】)')
.css({
'color': 'mediumvioletred',
'background-color': 'yellow' ,
'font-weight': 'bold'
});

 

3

Lorenz Ras 様

ご連絡ありがとうございます。

jQueryで作成しようと思いましたが ‘font-weight’: ‘bold’ の部分で:heavy_multiplication_x:がでます。

なにか間違えていますでしょうか。

すみません。宜しくお願い致します。

4

横からすみません。

 ‘background-color’: ‘yellow’ の後にカンマが抜けていたりしませんか？

'background-color': 'yellow',

 

少し逸れますが、このようなときにデバッグするとどんなエラーか分かり易いと思います！

以下のページが参考になると思うのでよかったら試してみてください！

https://developer.cybozu.io/hc/ja/articles/207613916

5

ponyo様

 

ありがとうございます。

解決しました。

6

樫原 様

失礼しました。解決してよかったです。

ponyo 様

ありがとうございます。

7

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