kintoneプラグインでbootstrapを適用するとメニューにアンダーラインが入る問題をcssで解消

最近はkintoneプラグインばかり作っている本橋です。今回は小ネタ。

プラグインで画面を作るときにスタイル指定とかはあんまり凝りたくないのでbootstrapを使います。

そうすると、bootstrapのcssがあらゆるアンカーリンクにアンダーラインを入れてしまう問題に遭遇します。

このへんとか、

このへんとかにアンダーラインが入って嫌ですね。

対処法

cssに下記のスタイルを加えて解消しました。

/** bootstrap対策 */
.gaia-argoui-menuitem, .gaia-argoui-pulldown-item-text, .gaia-argoui-pulldown-item {
    text-decoration-line: none !important;
}

僕の場合は ./plugin/css の中に config.css とか desktop.css とか置いているので、それぞれに追記しています。

以上、小ネタでした。