| | |
| | | } |
| | | //点击时改变选择框的边框颜色 |
| | | .selects-box-show { |
| | | border: 1px solid #01be6e; |
| | | border: 1px solid #e4e4e4; |
| | | } |
| | | //恢复边框颜色 |
| | | .selects-box-hide { |
| | | border: 1px solid #e4e4e4; |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | } |
| | | .selects-container { |
| | | width: 100%; |
| | |
| | | width: 100%; |
| | | height: 140px; |
| | | overflow: auto; |
| | | border: 1px solid #01be6e; //下拉框边框颜色 |
| | | border: 1px solid rgba(20, 50, 123, 1); //下拉框边框颜色 |
| | | border-top: none; |
| | | |
| | | div { |
| | |
| | | justify-content: flex-start; |
| | | align-items: center; |
| | | line-height: 35px; |
| | | background: rgba(7, 22, 37, 0.8); //下拉框默认背景 |
| | | background: rgba(20, 50, 123, 1); //下拉框默认背景 |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | color: rgba(238, 238, 238, 0.7); |
| | | } |
| | | button { |
| | | font-size: 24px; |
| | | font-size: 20px; |
| | | font-weight: 700; |
| | | width: 60px; |
| | | height: 32px; |
| | |
| | | .tab { |
| | | margin: 0 10px; |
| | | flex: 1; |
| | | background: rgba(5, 21, 38, 0.8); |
| | | border: 1px solid #fff; |
| | | background: rgba(29, 38, 105, 1); |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | |
| | | & > div { |
| | | height: 26px; |
| | |
| | | .map-select { |
| | | margin: 0 5px; |
| | | flex: 1; |
| | | background: rgba(29, 38, 105, 1); |
| | | } |
| | | } |
| | | } |
| | |
| | | font-size: 18px; |
| | | text-indent: 1em; |
| | | color: #ffffff; |
| | | background-color: #324e75; |
| | | border: 1px solid #26426a; |
| | | background-color: rgba(20, 50, 123, 1); |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | border-radius: 20px 0 0 20px; |
| | | } |
| | | input:focus { |
| | |
| | | font-weight: 700; |
| | | width: 80px; |
| | | height: 46px; |
| | | background-color: #26426a; |
| | | background-color: rgba(29, 38, 105, 1); |
| | | color: #fff; |
| | | border: 1px solid #26426a; |
| | | border: 1px solid rgba(29, 38, 105, 1); |
| | | cursor: pointer; |
| | | border-radius: 0 20px 20px 0; |
| | | } |
| | | button:active { |
| | | background-color: #324e75; |
| | | border: 1px solid #324e75; |
| | | background-color: rgba(20, 50, 123, 1); |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | } |
| | | } |
| | | |
| | |
| | | color: rgb(104, 94, 94); |
| | | font-size: 24px; |
| | | cursor: pointer; |
| | | background-color: #26426a; |
| | | background-color: rgba(29, 38, 105, 1); |
| | | } |
| | | .choosed { |
| | | background-color: #324e75; |
| | | background-color: rgba(20, 50, 123, 1); |
| | | color: #fff; |
| | | border: 1px solid #324e75; |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | } |
| | | } |
| | | |
| | |
| | | font-size: 18px; |
| | | text-indent: 1em; |
| | | color: #ffffff; |
| | | background-color: #324e75; |
| | | border: 1px solid #26426a; |
| | | background-color: rgba(20, 50, 123, 1); |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | border-radius: 20px 0 0 20px; |
| | | } |
| | | input:focus { |
| | |
| | | font-weight: 700; |
| | | width: 80px; |
| | | height: 100%; |
| | | background-color: #26426a; |
| | | background-color: rgba(29, 38, 105, 1); |
| | | color: #fff; |
| | | border: 1px solid #26426a; |
| | | border: 1px solid rgba(29, 38, 105, 1); |
| | | cursor: pointer; |
| | | border-radius: 0 20px 20px 0; |
| | | } |
| | | button:active { |
| | | background-color: #324e75; |
| | | border: 1px solid #324e75; |
| | | background-color: rgba(20, 50, 123, 1); |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | } |
| | | } |
| | | |
| | |
| | | font-size: 18px; |
| | | text-indent: 1em; |
| | | color: #ffffff; |
| | | background-color: #324e75; |
| | | border: 1px solid #26426a; |
| | | background-color: rgba(20, 50, 123, 1); |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | border-radius: 20px 0 0 20px; |
| | | } |
| | | input:focus { |
| | |
| | | font-weight: 700; |
| | | width: 80px; |
| | | height: 100%; |
| | | background-color: #26426a; |
| | | background-color: rgba(29, 38, 105, 1); |
| | | color: #fff; |
| | | border: 1px solid #26426a; |
| | | border: 1px solid rgba(29, 38, 105, 1); |
| | | cursor: pointer; |
| | | border-radius: 0 20px 20px 0; |
| | | } |
| | | button:active { |
| | | background-color: #324e75; |
| | | border: 1px solid #324e75; |
| | | background-color: rgba(20, 50, 123, 1); |
| | | border: 1px solid rgba(20, 50, 123, 1); |
| | | } |
| | | } |
| | | .list-show { |