モバイルでフィールド名の色を変更したいのですが

パソコンでは下記のJavascriptでフィールド名が太文字の赤になったのですがmobileでは反映されません。

非対応なのでしょうか?

何卒よろしくお願い致します。

(function() {
"use strict";
kintone.events.on(['app.record.create.show',
          'app.record.edit.show',
          'mobile.app.record.create.show',
          'mobile.app.record.edit.show'
], function(event) {
[].forEach.call(document.getElementsByClassName("control-label-text-gaia"), function(element){
if(element.innerText === "mobileでもここの文字を赤く太くしたい"){
element.style.color = "red";
element.style.fontWeight = "bold";
}
});
return event;
});
})();

kintoneさん

こんにちは。

モバイルでは、class名が「control-label-gaia」に変わりますので、下記を追加してみてください。

[].forEach.call(document.getElementsByClassName("control-label-gaia"), function(element) {
 if (element.innerText === "対象フィールド名") {
  element.style.color = "red";
  element.style.fontWeight = "bold";
 }
});

koichi様

いつもご対応いただき本当に感謝しております。

モバイルはclass名が変わる事を理解しました。

上記を変更したうえ確認をしました。

素晴らしい!!

本当いつもありがとうございます。

ありがとうございました。

kintone様

解決されたようでよかったです。

PCとモバイルでは、クラス名など異なる部分が多いので、

カスタマイズされる際は、ブラウザのデベロッパーツールなどでHTMLを確認されると良いかと思います。

koichi様

ご教授いただきありがとうございます。

今後、デベロッパーツールで確認するようにします。

ありがとうございました。