使用firefox,用firebug看一下元素的css樣式,看是哪個css文件影響了控件的背景顏色估計你是在用easyui的同時又引入了其他的css樣式文件,有沖突easyui本身combotree背景是白色的。
10年積累的成都做網(wǎng)站、成都網(wǎng)站建設經(jīng)驗,可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你,你也不認識我。但先制作網(wǎng)站后付款的網(wǎng)站建設流程,更有武宣免費網(wǎng)站建設讓你可以放心的選擇與我們合作。
用了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
利用偽類可以實現(xiàn)點擊打開折疊菜單,但是再次點擊收起貌似就沒法實現(xiàn)了。跟樓下說的一樣,利用:hover、:active 可以設置二級菜單的樣式(如height、visibility、display)以達到展開的效果。
css 直接 用ul li 都可以實現(xiàn)。
用js 的話。 可以用 ztree 這個jquery 控件。