4

kendoui ツリービュー コンポーネントのホバー スタイルを削除しようとしています。ツリービュー内の項目にカーソルを合わせたときに、境界線や背景画像などが表示されないようにしています。境界線以外はすべて削除しました。私が見つけることができないように見える追加のスタイル。これまでのCSSは次のとおりです...（デフォルトのテーマに加えて）

  .k-treeview .k-in.k-state-hover{
    background-image:none;
    background-color:#fff;border:none;


}

.k-treeview .k-in.k-state-selected{
    background-image:none;
    background-color:#fff;color:#000;border:none;}

現在、上記のスタイルを追加する前にあった灰色の境界線とは対照的に、黒く見える境界線を表示しているだけです...この頑固な境界線を取り除くために何ができるか考えていますか?

4

3 に答える 3

3

このスタイルをページに埋め込んで追加することで、私がやりたいことを実現することができました。これは、同じページの複数の異なる共有ポイント Web パーツで css がどのようにロード (順序) されたかに部分的に関連していると思います...

.k-treeview .k-in.k-state-hover, .k-treeview .k-in.k-state-selected {
    border-style: none;
    border-width: 0;
    padding: 2px 4px 2px 3px;
}
于 2013-05-02T15:17:21.063 に答える
2

の使用と相まって.k-state-disabled、少し優れた CSS ソリューションを見つけたようです。

ノードはまったく動かず、完全に無効になっているように見えます。

.k-treeview .k-in.k-state-hover,
.k-treeview .k-in.k-state-focused,
.k-treeview .k-in.k-state-selected {
    border-color:transparent;
    background-color:transparent;
}

また、ノードの展開とチェックボックスの無効化を防ぐために、いくつかの JavaScript を追加しました。

于 2014-01-22T20:59:22.507 に答える