User:Irukaza/common.css
跳到导航
跳到搜索
注意:这类代码页面在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- 按住
CTRL+SHIFT+DEL 或 ⌘-Shift-R
来清除缓存! - 或尝试在地址栏的地址最后添加代码
?_=1
来访问最新页面。 - 你还可以在设置中勾选小工具在页面右上角添加清除缓存按钮!
.wds-dropdown {
background-color:grey;
border-color:grey;
display: inline-block;
position: relative;
}
.wds-dropdown__content {
background-color: white;
border: 1px grey;
border-radius: 4px;
color: black;
display: none;
left: 50%;
min-width: 70%;
padding: 7px 0;
position: absolute;
top: 100%;
transform: translateX(-50%);
z-index: 1;
}
.wds-dropdown__toggle {
text-decoration: none !important;
border-bottom: 1px dotted gray;
cursor: pointer;
position: relative;
}
.wds-dropdown:before {
border: 9px solid transparent;
border-bottom: 9px solid black;
margin-left: -9px;
}
.wds-dropdown:after, .wds-dropdown:before {
bottom: -1px;
content: "";
display: none;
height: 0;
left: 50%;
pointer-events: none;
position: absolute;
width: 0;
z-index: 2;
}
.wds-dropdown:after {
border: 8px solid transparent;
border-bottom: 8px solid black;
margin-left: -8px;
}
.wds-dropdown:after, .wds-dropdown:before {
bottom: -1px;
content: "";
display: none;
height: 0;
left: 50%;
pointer-events: none;
position: absolute;
width: 0;
z-index: 2;
}
/* Add variant dropdown icon */
.wds-dropdown__toggle:before {
content: url('https://images.wikia.com/zhwikia/images/1/1b/Chinese_conversion_icon_black.svg');
margin-top: -8px;
padding-right: 2px;
display: inline-block;
position: relative;
bottom: -4px;
}