【フォームブリッジ】ラジオボタンのフィールド名のフォントの大きさを変更したい

kintone 開発相談
1

ラジオボタン(フィールドコード：Q1)のフィールド名のフォントの大きさを変更したいのですが、可能でしょうか。

CSS、Javascript問いません。

宜しくお願いします。

2

Hさん

こんにちは。

 

CSSで可能です。

すべてのラジオボタンに適用されますので、一部だけという場合はセレクタを指定するなど条件を絞ってください。

/* ラジオボタンの選択肢文字列の大きさ */
.el-radio__label {
    font-size: 20px;
}

/* ラジオボタンの大きさ */
.el-radio__inner {
    width: 20px;
    height: 20px;
}
3

koichi様

ご回答ありがとうございます。

私の説明不足でした。

文字の大きさを変えたいのは図の黄色部分の「フィールド名」となります。

可能でしょうか。（色々調べましたがわかりませんでした）

お手数をお掛けしますが、よろしくお願いします。

4

Hさん

フィールド名と書かれてましたね。見落としておりました。

CSSとJavaScriptのどちらでもできます。

 

CSS

上から何段目の左から何番目のフィールドであるかを指定する必要があります。配置が変われば都度変更です。

/* ラジオボタンのフィールド名の大きさ（上から3段目の左から2番目） */
.row:nth-of-type(3) .column.el-form-item.field:nth-of-type(2) {
    font-size: 30px;
}

 

JavaScript

こちらはフィールド名が変わらない限り変更不要です。

(function() {
'use strict';
fb.events.form.mounted = [function(state) {
  fb.getElementByCode('フィールド名').style.fontSize = '30px';
  return state;
}];
})();
5

koichi様

早急にご回答頂き大変助かりました。

Javascriptの方を使用させて頂きます。

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