css美化radio选择确认框代码-html代码-BFW代码库

css美化radio选择确认框代码

代码语言：html

代码描述：css美化radio选择确认框代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
  
<style>
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



* { position: relative; box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0px;
}


body {

    --bodyColor: oklab(82.544% -0.15565 0.01498);
    --bd1: oklab(45.244% 0.04763 -0.26963);
    --bd2: oklab(58.274% 0.21437 0.09905);
    --bd3: oklab(84.265% -0.14398 0.17364);

    &[data-type="no"] {
        --bodyColor: oklab(68.735% 0.2013 0.04559);
        --bd1: oklab(93.318% -0.11461 0.16455);
        --bd2: oklab(90.446% -0.14675 0.00843);
        --bd3: oklab(59.77% 0.08607 -0.22294);
    }
    &[data-type="maybe"] {
        --bodyColor: oklab(67.336% -0.03183 -0.0064); 
        --bd1: oklab(62.061% 0.02519 -0.03753);
        --bd2: oklab(62.769% 0..........完整代码请登录后点击上方下载按钮下载查看