15,439
个编辑
无编辑摘要 |
无编辑摘要 |
||
第56行: | 第56行: | ||
} | } | ||
/* 右拉式选单效果*/ | /* 右拉式选单效果*/ | ||
. | .drop { | ||
position: relative; | position: relative; | ||
display: | display: block; | ||
width: 100%; | |||
margin-right: | margin: 0 0 10px; } | ||
} | .dropOption { | ||
position: relative; | |||
width: auto; | |||
color: #666; | |||
font-size: 20px; | |||
background-color: #fff; | |||
padding: 10px; | |||
border: 1px solid #888; | |||
border-radius: 5px; | |||
box-sizing: border-box; | |||
cursor: pointer; } | |||
::after { | |||
content: ""; | |||
position: absolute; | |||
top: 20px; | |||
right: 12px; | |||
border-width: 8px 6px; | |||
border-style: solid; | |||
border-color: #999 transparent transparent transparent; | |||
} | |||
.dropright { | |||
display: none; | |||
width: 100%; | |||
max-height: 350px; | |||
position: absolute; | |||
color: #333; | |||
padding: 0; | |||
margin: 0; | |||
background-color: #f9f9f9; | |||
box-shadow: 0px 2px 3px 0px #ccc; | |||
border-radius: 6px; | |||
box-sizing: border-box; | |||
overflow: auto; | |||
z-index: 10; | |||
} | } | ||
li { | |||
display: block; | display: block; | ||
} | color: #000; | ||
padding: 12px; | |||
font-size: 20px; | |||
margin: 0 10px; | |||
cursor: pointer; } | |||
:first-child { | |||
margin: 10px; | |||
} | |||
:last-child { | |||
margin-bottom: 10px; | |||
} | |||
:hover { | |||
background-color: orange; | |||
border-radius: 6px; | |||
} | |||
/* 以上选单效果*/ | /* 以上选单效果*/ |