在带有vista皮肤的dynatree中,当您将鼠标悬停在树项目上时,它会产生蓝色背景的悬停效果。
此外,当你点击项目进行检查时,它有一个橙色的镀铬边框和一个IE虚线边框。
我试图删除这两个,这样就不会对悬停或单击产生影响。
有关示例,请参见selectMode 3:wwwent.de/tech/dyntree/doc/sample-select.html
更新:我在/src/skin-vista/ui.dystreet.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 */
}
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;
}
要修复此问题,只需删除
边框: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灰色;
/* Prevent focus frame */
.fancytree-container:focus {
outline: none;
}
来自BootstrapTheme的CSS。