.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; }