Jquery 单击或悬停时从动态树复选框模式中删除Highligthing

在具有vista蒙皮的dynatree中，当您将鼠标悬停在树项目上时，它具有一个蓝色背景的悬停效果

此外，当您单击该项以选中它时，它在chrome中有橙色边框，在IE中有虚线边框

我正在尝试删除这两个选项，以便对“悬停”或“单击”没有影响

有关示例，请参见选择模式3：wwwendt.de/tech/dynatree/doc/sample-select.html

更新： 我在/src/skin vista/ui.dynatree.css中发现，如果您注释掉以下块，它将阻止蓝色高亮显示。此外，还有一行需要取消注释以修复webbrowser放入的大纲，如下所示

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

---

要修复此问题，只需删除

边框：1px点灰色

从ui.dynatree.css上的ul.dynatree容器

代码最终应该是这样的：

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灰色

---

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

---

来自BootstrapTheme的CSS。

如果您已经解决了问题，请将其作为答案发布，并将其标记为已解决。谢谢

/* Prevent focus frame */
.fancytree-container:focus {
   outline: none;
}