ljr99
ljr99
采纳率0%
2021-03-04 20:14

这个要用前端,该怎么做呢,有大佬教教嘛

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • Menkongkong Menkongkong 1月前

    你是要实现样式还是样式功能都要

    点赞 评论 复制链接分享
  • jslang 天际的海浪 1月前
    <!doctype html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8" />
    	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    	<title> 页面名称 </title>
    <style type="text/css">
    input[type="radio"] {
    	display: none;
    }
    input[type="radio"]+span {
    	display: inline-block;
    	height: 30px;
    	padding: 0px 15px;
    	font-size: 22px;
    	line-height: 30px;
    	text-align: center;
    	border-radius: 15px;
    	border: 1px solid #ccc;
    	background-color: #fff;
    	color: #000;
    }
    input[type="radio"]:checked+span {
    	border: 1px solid #900;
    	background-color: #f33;
    	color: #fff;
    }
    </style>
    </head>
    <body>
    	<label><input type="radio" name="test" checked="checked" /><span>¥100</span></label>
    	<label><input type="radio" name="test" /><span>¥200</span></label>
    	<label><input type="radio" name="test" /><span>¥500</span></label>
    	<label><input type="radio" name="test" /><span>¥1000</span></label>
    </body>
    </html>
    
    点赞 评论 复制链接分享

为你推荐