User:Irukaza/common.css:修订间差异
跳到导航
跳到搜索
无编辑摘要
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
(未显示同一用户的45个中间版本) | |||
第1行: | 第1行: | ||
.dropdown { | |||
display: inline-block; | |||
position: relative; | |||
} | |||
.dropdown .btn { | |||
display: inline-block; | |||
} | |||
.dropdown .content { | |||
position: relative; | |||
display: none; | |||
box-shadow: 0 0 4px #dedede; | |||
margin-top: 0.5rem; | |||
} | |||
.dropdown .content:before { | |||
content: ''; | |||
position: absolute; | |||
background-color: #fff; | |||
width: 0.5rem; | |||
height: 0.5rem; | |||
left: 50%; | |||
top: -0.25rem; | |||
transform: translateX(-50%) rotate(45deg); | |||
z-index: 0; | |||
box-shadow: 0 0 4px #dedede; | |||
} | |||
.dropdown .content .inner { | |||
position: relative; | |||
background-color: #fff; | |||
padding: 0.2rem 0.4rem; | |||
z-index: 1; | |||
} | |||
.dropdown .content .inner ul { | |||
margin: 0; | |||
padding-left: 0; | |||
list-style: none; | |||
} | |||
.dropdown .content .inner ul li { | |||
display: block; | |||
padding: 0.2rem; | |||
} | |||
.dropdown .content .inner ul li:hover { | |||
background-color: #f0f8ff; | |||
} | |||
.dropdown:hover .content { | |||
display: block; | |||
} |