新規投稿
フォローする

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

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

例えば、項目1は、青。項目2は緑。項目3は黄色。項目4はピンクの文字色にするなどは

可能でしょうか。

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

 

 

 

0

2件のコメント

Avatar
juridon

こんにちは!

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

↓こちらの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";

0
Avatar
WS

>juridonさん

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

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

1
サインインしてコメントを残してください。