5

vista-skin を使用する dynatree では、ツリー アイテムにカーソルを合わせると、青色の背景でホバー効果が発生します。

さらに、項目をクリックして確認すると、chrome ではオレンジ色の枠、IE では点線の枠が表示されます。

ホバーまたは一度クリックしても影響がないように、これらの両方を削除しようとしています。

例については、selectMode 3 を参照してください: wwwendt.de/tech/dynatree/doc/sample-select.html

更新: /src/skin-vista/ui.dynatree.css で次のブロックをコメントアウトすると、青色のハイライト カラーが妨げられることがわかりました。さらに、以下に示すように、Web ブラウザーが配置するアウトラインを修正するためにコメントを外す必要がある行があります。

/*Comment this out
ul.dynatree-container a:hover
{
/*  text-decoration: underline; */
    background: #F2F7FD; /* light blue */
    border-color: #B8D6FB; /* darker light blue */
}
*/

/*Comment this out
span.dynatree-active a
{
    border: 1px solid #99DEFD;
    background-color: #D8F0FA;
}
*/

ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
    /*The line below was originally commented out, uncomment it to remove the orange/dotted border*/
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
4

3 に答える 3

3

DynaTree は FancyTree になり、 fancytree で、これが私がしたことです。

.fancytree-container,
table.fancytree-container,
ul.fancytree-container,
span.fancytree-focused span.fancytree-title
{
  border: 0 ; 
  outline: 0; 
  -moz-outline-style: none; 
}
于 2014-04-05T11:20:07.723 に答える
2

これを修正するには、削除するだけです

ボーダー: 1px 点線グレー;

ui.dynatree.css のこのul.dynatree-containerから

コードは次のようになります。

ul.dynatree-container
{
    font-family: tahoma, arial, helvetica;
    font-size: 10pt; 
    white-space: nowrap;
    padding: 3px;
    margin: 0; 
    background-color: #CCCCCC solid 1px;

    /*border: 1px dotted gray;*/

    overflow: auto;
    height: 100%; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

または単にドットを削除します

ボーダー: 1px グレー;

于 2013-11-08T14:59:15.327 に答える
0 
/* Prevent focus frame */
.fancytree-container:focus {
   outline: none;
}

BootstrapTheme の CSS から。

于 2015-04-17T14:47:05.373 に答える