1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- .cascaders {
- box-sizing: border-box;
- display: inline-block;
- position: relative;
- }
- .cinput {
- cursor: pointer;
- margin-right: 10px;
- position: relative;
- display: inline-block;
- padding: 4px 7px;
- font-size: 12px;
- line-height: 1.5;
- color: rgba(0, 0, 0, 0.65);
- background-color: #fff;
- background-image: none;
- border: 1px solid #d9d9d9;
- border-radius: 4px;
- transition: all .3s;
- }
- .cinput:hover {
- border-color: #80b9ff;
-
- }
- .cpop {
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- margin-bottom: 0;
- padding-left: 0;
- list-style: none;
- background-color: #fff;
- box-shadow: 0 1px 6px #d9d9d9;
- border-radius: 4px;
- box-sizing: border-box;
- position: fixed;
- z-index: 1050;
- outline: none;
- overflow: hidden;
- }
- .clist {
- max-height: 240px;
- overflow: auto;
- }
- .item {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- }
- .iname {
- width: 84%;
- margin-left: 8px;
- font-size: 12px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .cboot {
- margin: 10px 0;
- padding: 0 10px;
- display: flex;
- flex-direction: row-reverse;
- }
|