html单选框怎么设置选中后为蓝色呢
展开全部
一般有两个方法:
① 利用 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就好了,就不会有默认选中了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询