html单选框怎么设置选中后为蓝色呢
3个回答
展开全部
一般有两个方法：
① 利用 label 标签特性，给 label 定好样式（背景图什么的），隐藏 radio，通过 javascript 根据 radio checked 状态来改变 label 的样式；
② 给 radio 设定 appearance: none;，利用 css 伪元素和伪类，去设定 radio :checked、:hover、:active、:after的样式，其中 :after 是代替 radio 原本的样子。
但方法 ② 肯定存在兼容性，适合 html5 开发
① 利用 label 标签特性，给 label 定好样式（背景图什么的），隐藏 radio，通过 javascript 根据 radio checked 状态来改变 label 的样式；
② 给 radio 设定 appearance: none;，利用 css 伪元素和伪类，去设定 radio :checked、:hover、:active、:after的样式，其中 :after 是代替 radio 原本的样子。
但方法 ② 肯定存在兼容性，适合 html5 开发
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
outline 属性在一个声明中设置所有轮廓属性。
<html>
<head>
<style type="text/css">
p
{
border: thin solid #00FF00;
outline: thick solid #FF0000;
}
</style>
<script type="text/javascript">
function changeOutline()
{
document.getElementById("p1").style.outline="thin dotted #0000FF";
}
</script>
</head>
<body>
<input type="button" onclick="changeOutline()" value="Change outline" />
<p id="p1">This is a paragraph</p>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<label><input type="radio" name="sex" value="男" />男</label>
<label><input type="radio" name="sex" value="女" />女</label>
<label><input type="radio" name="sex" value="中" />中</label>
不要写checked = checked就好了，就不会有默认选中了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
