jquery - 单击或悬停时从 Dynatree 复选框模式中删除突出显示

Question

在具有 vista-skin 的 dynatree 中，当您将鼠标悬停在树项目上时，它会出现悬停效果，并且背景为蓝色。

此外，当您单击该项目进行检查时，它在 Chrome 中具有橙色边框，在 IE 中具有虚线边框。

我正在尝试删除这两个内容，以便对悬停或单击后没有影响。

请参阅 selectMode 3 示例:wwwendt.de/tech/dynatree/doc/sample-select.html

更新:我在/src/skin-vista/ui.dynatree.css 中发现，如果注释掉以下 block ，它将阻止蓝色突出显示颜色。此外，您需要取消注释一行以修复网络浏览器放入的轮廓，如下所示。

/*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 */
}

Answer 1

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; 
}