ドロップダウンリスト文字色を変更したい

kintone カスタマイズ
1

kintoneのドロップダウンリストの項目ごとに色を変更することは可能でしょうか。

例えば、項目１は、青。項目２は緑。項目３は黄色。項目４はピンクの文字色にするなどは

可能でしょうか。

どなたか教えていただけると嬉しいです。

 

 

 

2

こんにちは！

標準のドロップダウンの文字色変更は難しいかもしれません。

↓こちらのkintone UI Componentのドロップダウンだと、DOM操作で無理やり色変えできます。
https://kintone-ui-component.netlify.app/docs/components/desktop/dropdown

上記を参考に4項目～のドロップダウンを作ったら、
ドロップダウン内のliを上から順番に青、赤、緑、黄色すると画像のような感じになります。
（コンソール上で試したので、実際にやるにはsetIntervalなどを使うと良さそうです）

const dp = document.getElementById("options-id");
const lis = dp.querySelectorAll("li");
lis[0].style.color = "blue";
lis[1].style.color = "red";
lis[2].style.color = "green";
lis[3].style.color = "yellow";
3

>juridonさん

コメント頂き、ありがとうございました！

やはり・・・標準だと難しい・・・わかりました！