{"html":"

\n What does CSS stand for?\n 3/10\n

\n \n Computer Style Sheets\n \n Cascading Style Sheets\n \n Creative Style Sheets\n Congratulations!\n Bad answer\n

","css":".radio-input input {\n display: none;\n}\n\n.radio-input {\n display: flex;\n flex-direction: column;\n padding: 12px;\n background: #fff;\n color: #000;\n border-radius: 10px;\n box-shadow: 0px 87px 78px -39px rgba(0,0,0,0.4);\n width: 320px;\n}\n\n.info {\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.question {\n color: rgb(49, 49, 49);\n font-size: 1rem;\n line-height: 1rem;\n font-weight: 800;\n}\n\n.steps {\n background-color: rgb(0, 0, 0);\n padding: 4px;\n color: #fff;\n border-radius: 4px;\n font-size: 12px;\n line-height: 12px;\n font-weight: 600;\n}\n\n.radio-input label {\n display: flex;\n background-color: #fff;\n padding: 14px;\n margin: 8px 0 0 0;\n font-size: 13px;\n font-weight: 600;\n border-radius: 10px;\n cursor: pointer;\n border: 1px solid rgba(187, 187, 187, 0.164);\n color: #000;\n transition: .3s ease;\n}\n\n.radio-input label:hover {\n background-color: rgba(24, 24, 24, 0.13);\n border: 1px solid #bbb;\n}\n\n.result {\n margin-top: 10px;\n font-weight: 600;\n font-size: 12px;\n display: none;\n transition: display .4s ease;\n}\n\n.result.success {\n color: green;\n}\n\n.result.error {\n color: red;\n}\n\n.radio-input input:checked + label {\n border-color: red;\n color: red;\n}\n\n.radio-input input[value=\"value-2\"]:checked + label {\n border-color: rgb(22, 245, 22);\n color: rgb(16, 184, 16);\n}\n\n.radio-input:has(input[value=\"value-2\"]:checked) .result.success {\n display: flex;\n}\n\n.radio-input:has(input:not([value=\"value-2\"]):checked ) .result.error {\n display: flex;\n}"}

empty-badger-73

👁 实时预览

📝 源代码