| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- /*术语输入AT弹出菜单*/
- .text_input > .textarea {
- padding: 5px;
- font-family: inherit;
- width: 100%;
- min-height: 100px;
- resize: vertical;
- font-size: 14px;
- line-height: 1;
- border: 1px solid #ddd;
- white-space: pre-wrap;
- word-break: break-all;
- z-index: 1;
- resize: vertical;
- color: var(--main-color);
- background-color: #e4e45c52;
- border: unset;
- border-radius: 8px;
- padding: 5px;
- line-height: 1.5em;
- }
- .text_input > .text_shadow {
- position: absolute;
- width: 100%;
- visibility: hidden;
- }
- .text_input .cursor {
- position: absolute;
- border-left: 1px solid #000;
- }
- .text_input > .menu {
- background-color: #b2b2b2;
- width: 200px;
- height: 300px;
- box-shadow: #000;
- position: absolute;
- display: none;
- z-index: 100;
- box-shadow: 0 5px 7px rgb(0 0 0 / 25%);
- }
- .text_input > .menu ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- .text_input > .menu ul li {
- cursor: pointer;
- padding: 0;
- margin: 5px;
- }
- .text_input > .menu ul li:hover {
- background: linear-gradient(90deg, #40a9ff, transparent);
- }
- .term_at_menu_input {
- padding: 5px;
- border-bottom: 1px solid gray;
- }
- .text_input {
- width: 100%;
- position: relative;
- }
- .term_mean {
- /*text-transform: capitalize;*/
- white-space: nowrap;
- }
- .term_at_menu_ul > .term_focus {
- border-radius: unset;
- box-shadow: unset;
- background: linear-gradient(90deg, #40a9ff, transparent);
- }
|