国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 鼠標(biāo)hover顯示紅色邊框這種效果怎么實現(xiàn)
過去多啦不再A夢
過去多啦不再A夢 2017-07-05 11:04:45
0
8
1387

誰做過這種效果
這是我寫的,使用border-right:1px solid #eee;border-bottom:1px solid #eee;鼠標(biāo)懸浮時ul li:hover{border-color:#ed9639;}怎么讓左邊也有一像素紅框

過去多啦不再A夢
過去多啦不再A夢

全部回復(fù)(8)
淡淡煙草味

看起來好像每個項題主都只有右邊跟下邊?

我感覺改成每個項都有左邊跟下邊,hover的時候再通過設(shè)置相鄰元素的左邊顏色如何?

示例:

*{
    box-sizing:border-box;
}
.wrap{
    width:300px;
    
}
.item{
    width:75px;
    float:left;
    text-align:center;
    border:1px solid #eee;
    border-right-width:0;
}
.item:last-child{
    border-right-width:1px;
}

.item:hover{
    border-left-color:red;
    border-bottom-color:yellow;
}
.item:hover + .item{
    border-left:1px solid yellow;
}
.item:last-child:hover{
    border-right:1px solid yellow;
}
<p class="wrap">
    <p class="item">
        hello
    </p>
    <p class="item">
        hello
    </p>
    <p class="item">
        hello
    </p>
    <p class="item">
        hello
    </p>
</p>

http://runjs.cn/detail/ibxy9qab

僅有的幸福

雷雷

學(xué)習(xí)ing

盒子陰影

學(xué)霸

是不是被左邊的li擋住了的?最左邊的有紅邊么?

習(xí)慣沉默

border-left不行嗎?

扔個三星炸死你

是不是你的選擇器 權(quán)值太小被覆蓋了

過去多啦不再A夢

hover 的時候 要設(shè)置z-index。高于其它層級,這樣你的邊框才不會被覆蓋

伊謝爾倫

感謝大家的回答,我已經(jīng)找到解決辦法,分享給大家
http://www.jb51.net/css/14548...

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板