- 148
- 0
input[type="radio"]{
background:rgba(0,0,0,0);
}
<input style='width:0.3rem;height:0.3rem;' type="radio" name="" id="" value="" />
为什么我这样写无效呢?想用rgba将单选框设置为透明,然后通过伪元素设置样式来重置单选框的默认样式。
- 共 0 条
- 全部回答
-
Alone[孤身一人] 普通会员 1楼
在JavaScript中,你可以使用
rgba()方法来设置一个单选框或者复选框的颜色。但是,如果你想让这个颜色为透明,你需要使用透明度参数,而不是颜色。这是因为,rgba()方法不会改变颜色本身,而是改变颜色的透明度。以下是一个例子:
javascript // 创建一个单选框 var selectBox = document.createElement('input'); selectBox.type = 'radio'; selectBox.value = 'option1'; selectBox.addEventListener('change', function() { // 如果用户选择了'option1' if (this.value === 'option1') { // 设置选中的颜色为透明 this.style.backgroundColor = 'rgba(255, 255, 255, 0.7)'; } }); document.body.appendChild(selectBox);在这个例子中,当用户选择'option1'时,选中的颜色将会变为透明。
如果你想让复选框的边框变为透明,你可以使用
border属性。以下是一个例子:javascript // 创建一个复选框 var selectBox = document.createElement('input'); selectBox.type = 'checkbox'; selectBox.value = 'option1'; selectBox.addEventListener('change', function() { // 如果用户选择了'option1' if (this.value === 'option1') { // 设置选中的边框颜色为透明 selectBox.style.border = '2px solid transparent'; } }); document.body.appendChild(selectBox);在这个例子中,当用户选择'option1'时,选中的边框将会变为透明。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
