zentaobiz.ui.css 1.5 KB

123456789
  1. #selectKnowledgeLibForm .check-list-inline { padding: 0; gap: 0; }
  2. #selectKnowledgeLibForm .radio-primary { gap: 0; }
  3. #selectKnowledgeLibForm .radio-primary label::before, #selectKnowledgeLibForm .radio-primary label::after { display: none; }
  4. #selectKnowledgeLibForm .radio-primary label { border: solid 1px #D2D6E5; padding: 5px 18px; font-size: 13px; line-height: 20px; color: #64758B; position: relative; }
  5. #selectKnowledgeLibForm .radio-primary:not(:first-child) label { border-left: none; }
  6. #selectKnowledgeLibForm .radio-primary input:checked + label { border-color: var(--color-primary-300); background-color: var(--color-primary-50);}
  7. #selectKnowledgeLibForm .radio-primary input:checked + label::before { content: ""; display: block; border-radius: 0; width: 0; height: 0; border: solid 9px transparent; border-top-color: var(--color-primary-500); border-right-color: var(--color-primary-500); position: absolute; top: 0; right: 0; left: auto; bottom: auto; outline: none;}
  8. #selectKnowledgeLibForm .radio-primary input:checked + label::after { content: "\e5ca"; display: block; font-family: ZentaoIcon; font-size: 12px; line-height: 12px; zoom: 0.7; color: #FFF; position: absolute; top: 3px; right: 4px; background-color: transparent; border-radius: 0; left: auto; bottom: auto; outline: none;}
  9. #selectKnowledgeLibForm .radio-primary:not(:first-child):has(input:checked)::after { content: ""; display: block; width: 1px; height: 100%; position: absolute; left: -1px; top: 0; background-color: var(--color-primary-300); z-index: 2;}