正文
css样式树形选中,css样式表中选择器类型
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery-easyui 怎么树形下拉框选中
使用firefox，用firebug看一下元素的css样式，看是哪个css文件影响了控件的背景颜色估计你是在用easyui的同时又引入了其他的css样式文件，有冲突easyui本身combotree背景是白色的。
相关问答
Q1: css样式选取框
用了JQ库，样式在style里，不过要配合js用
!DOCTYPE html
html
head
meta charset="utf-8"
title/title
script src="jquery-3.3.1.min.js"/script
/head
style
.div1{
text-align: center;
background: beige;
width: 50px;
height: 28px;
border-radius: 14px;
}
.span1{
/* margin-top: 7px; */ /* div的时候打开注释 */
background: #CCCCCC;
width: 13px;
height: 13px;
display: inline-block;
border-radius: 7px;
}
.div2{
text-align: center;
background: lawngreen;
width: 50px;
height: 28px;
border-radius: 14px;
}
.span2{
background: white;
width: 13px;
height: 13px;
display: inline-block;
border-radius: 7px;
}
.hid1{
display: none;
}
.hid2{
}
/style
body
!-- button的 --
button class="div1"
span class="hid1"是/span
span class="span1"/span
span class="hid2"否/span
/button
hr
hr
!-- div的 --
!-- div class="div1"
span class="hid1"是/span
span class="span1"/span
span class="hid2"否/span
/div --
/body
script
$(function(){
$(".div1").click(function(){
$(".span1").toggleClass("span2");
$(".div1").toggleClass("div2");
$(".hid1").toggle();
$(".hid2").toggle();
})
})
/script
/html
Q2: 如何使用纯CSS技术实现一个可折叠树形菜单
利用伪类可以实现点击打开折叠菜单，但是再次点击收起貌似就没法实现了。跟楼下说的一样，利用:hover、:active 可以设置二级菜单的样式（如height、visibility、display）以达到展开的效果。
Q3: 怎样用css实现树形菜单，js也行（如图）。有没有源代码？
css 直接 用ul li 都可以实现。
用js 的话。 可以用 ztree 这个jquery 控件。
