User:Irukaza/common.css:修订间差异
跳到导航
跳到搜索
imported>=海豚= (清空页面) |
imported>=海豚= 无编辑摘要 |
||
第1行: | 第1行: | ||
.wds-dropdown { | |||
border-color:grey; | |||
display: inline-block; | |||
position: relative; | |||
} | |||
.wds-dropdown__content { | |||
display: none; | |||
background-color: white; | |||
border: 1px grey; | |||
border-radius: 4px; | |||
color: black; | |||
left: 50%; | |||
min-width: 70%; | |||
padding: 7px 0; | |||
position: absolute; | |||
top: 100%; | |||
transform: translateX(-50%); | |||
z-index: 1; | |||
} | |||
.wds-dropdown__toggle:after{ | |||
text-decoration: none !important; | |||
border-bottom: 1px dotted gray; | |||
cursor: pointer; | |||
position: relative; | |||
} | |||
.wds-dropdown:before { | |||
display: none; | |||
border: 9px solid transparent; | |||
border-bottom: 9px solid black; | |||
margin-left: -9px; | |||
} | |||
.wds-dropdown:after, .wds-dropdown:before { | |||
bottom: -1px; | |||
content: ""; | |||
height: 0; | |||
left: 50%; | |||
pointer-events: none; | |||
position: absolute; | |||
width: 0; | |||
z-index: 2; | |||
} | |||
.wds-dropdown:hover .wds-dropdown__content { | |||
display: inline-block; | |||
} | |||
.wds-dropdown:hover::before { | |||
display: block; | |||
} |
2021年6月15日 (二) 12:20的版本
.wds-dropdown {
border-color:grey;
display: inline-block;
position: relative;
}
.wds-dropdown__content {
display: none;
background-color: white;
border: 1px grey;
border-radius: 4px;
color: black;
left: 50%;
min-width: 70%;
padding: 7px 0;
position: absolute;
top: 100%;
transform: translateX(-50%);
z-index: 1;
}
.wds-dropdown__toggle:after{
text-decoration: none !important;
border-bottom: 1px dotted gray;
cursor: pointer;
position: relative;
}
.wds-dropdown:before {
display: none;
border: 9px solid transparent;
border-bottom: 9px solid black;
margin-left: -9px;
}
.wds-dropdown:after, .wds-dropdown:before {
bottom: -1px;
content: "";
height: 0;
left: 50%;
pointer-events: none;
position: absolute;
width: 0;
z-index: 2;
}
.wds-dropdown:hover .wds-dropdown__content {
display: inline-block;
}
.wds-dropdown:hover::before {
display: block;
}