ServicePortalで参照フィールドの( i )アイコンを消したい

経緯

サービスポータルでカタログアイテムを作っている時、参照フィールドにつく( i )のアイコンが邪魔だなと感じた。
参照しているレコードの余計な情報まで見えちゃうし、権限によっては修正できちゃうし。そんなことは望んでいないのだ。
参照フィールドに辞書属性の ref_decoration_disabled=True をつけてみたが、特に変化は見受けられない。なんなの。¹
どうしたもんかとコミュニティ投稿を探ってみたら見つけられたので備忘録として。
(2023/02/21追記)誤記修正ついでにTokyoバージョンのEmployee Centerでも確認しましたが、同様でした。

前提条件

PDIのSun-Diegoで確認
adminユーザーで操作
テスト用のカタログアイテムでの初期表示はこちら

すべての参照フィールドから( i )アイコンを削除する場合

[Service Portal] > [Portals]を開く
設定したいレコードを開く
[CSS変数]のセクションで、以下を追記する
CSS
```
.add-on > button.lookup {
    display:none;
}
```
レコードを更新する
ポータルで結果を確認する

特定の参照フィールドのみ( i )アイコンを削除する場合

※「特定のフィールド」がたくさんあるとあまりオススメできない。

ブラウザの開発者ツールなどで、要素のIDを確認する
Chromeでの例
1. [F12]キーで開発者ツールを開く
2. [要素]タブから、( i )アイコンを含むフィールドの <span> タグを見つける(画面のハイライトを見ながら)
3. id部分を 右クリック > [属性を編集] でidをコピーする(画像だと「sp_formfield_reference_ref2」)
[Service Portal] > [Portals]を開く
設定したいレコードを開く

[CSS]のセクションで、以下を追記する

CSS

#sp_formfield_reference_ref2 > .add-on > button.lookup {
 display:none;
}

レコードを更新する
ポータルで結果を確認する

以上

参照したコミュニティ投稿記事

おまけ

辞書属性について
サービスポータルでは反応しないが、クラシックUIではちゃんと動作するようだ。
1. 対象のフィールドのAttributesに ref_decoration_disabled=true を追加する。
  すでに記載がある場合はカンマ区切りで追加。
2. フォームで結果を確認する
  画像の上側が属性なし(未定義 or false)、下側が属性を有効化後。
↩