已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 虎绿林 > 版务

标题: 展开折叠样式,顺便测试高亮成功不!

作者: @Ta

时间: 2021-03-05发布,2021-03-05修改

点击: 2927

.floor_fold_bar button {
    position: relative;
    width: 110px;
    height: 38px;
    line-height: 36px;
    display: block;
    background: #2f8fd0;
    color: #fff!important;
    border-radius: 4px;
    margin: 10px auto 0 auto;
    text-align: center;
    cursor: pointer;
    border: 0;
    padding: 0;
    font-size: 14px;
    text-shadow: 0 0 black;
}
.open{
    position: absolute;
    background: #2f8fd0;
    bottom: 0;
    right: 48px;
    width: 0;
    height: 0;
    border-width: 6px 6px 4px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}
.close{
position: absolute;
    background: #2f8fd0;
    top: 0;
    right: 48px;
    width: 0;
    height: 0;
    border-width: 4px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
}

open.jpg
close.jpg


[隐藏样式|查看源码]


『回复列表(3|隐藏机器人聊天)』

1.
(/@Ta/2021-03-05 22:18//)

2.
<button data-floorid="0">展开超出内容<div class="open"></div></button>
<button data-floorid="0">折叠超出内容<div class="close"></div></button>
(/@Ta/2021-03-05 22:22//)

3.

代码多, 欢迎使用复制插件。
https://hu60.cn/q.php/bbs.topic.98510.html
白日梦还是要做的

(/@Ta/2021-03-05 22:46//)

回复需要登录

7月12日 18:47 星期六

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1