【フォームブリッジ】フィールドにおける入力項目の幅を縮小したい

お世話になっております。表題の件について質問させていただきます。

実現したいこととしては、フィールド名はそのままで、入力欄のみ幅を変更することです。

↓の赤枠部分のみの幅を変更したい(狭めたい)

コードとしては、以下のコードのように書いていますが、フィールド全体が狭まってしまいます。

fb.events.form.created = [function(state) {
state.fields
.find(function(field) {
return field.code === "対象のフィールドコード";
}).style.width = "50px";
return state;
}];

 

javascript、cssで改修できるものでしょうか。

それとも質問事項はラベルで、入力項目をフィールド名なしで配置するしかないのでしょうか。

ご教示いただければと思います。よろしくお願いいたします。

https://developer.cybozu.io/hc/ja/community/posts/900002825203-%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%AE%E5%B9%85%E3%81%AE%E5%9B%BA%E5%AE%9A%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6

こちら参考になると思います。

ishikawayuito

お世話になっております。返信が遅れて申し訳ございません。

ご連携いただいたサイトを確認し、試行錯誤して何とか実現することができました。

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