imported>=海豚= |
|
第1行: |
第1行: |
| .dropdown {
| | 基于MsUpload的文件上传 |
| 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;
| |
| }
| |