【任务七右上角的音频标签，无法随着样式进行修改 _属性 _属性 】 | IT修真院·坑乎
咨询电话 : 010-59478634
切换导航
首页
我的提问
我的回答
我的点赞
消息通知
个人主页
×
提示
尚未登陆，前往官网登陆？
×
提示
尚未登陆，前往官网登陆？
任务七右上角的音频标签，无法随着样式进行修改
我也踩过这个坑(
1
)
已统计您的踩坑,无需重复点击
回答(1)
属性
属性
详细描述
任务七第二个页面右上角的音频播放标签，无法随着按钮点击而改变样式，我要做的效果没有办法达成样式图的效果。我尝试了标签选择器和类选择器都没有效
截图
左边的图，是我还没有完成图片，无法完成右边的样子，如果点击了就会变成播放的样子，三角形变成两条杠
代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" type="text/css" href="./task7-2.css"> </head> <body> <header> <!-- 头部 --> <button> <!-- 头部左边按钮外部盒子 --> <div></div> <!-- 左边按钮 --> </button> <span>投票</span> <!-- 中间文字 --> <button> <!-- 右边关闭按钮外部盒子 --> <div></div> <!-- 右边关闭按钮 --> </button> </header> <main> <!-- 中间 --> <div> <!-- 上面的播放选项盒子 --> <span>发言讨论结束，大家请投票</span> <div> <!-- 外部圆 --> <div> <!-- 内部三角形 --> <audio controls> <!-- 音频播放器 --> <source src="./css-7/task7/财富自由.mp3"></audio> </div> </div> </div> <span>点击得票数最多人的头像</span> <!-- 页面说明文字 --> <div> <!-- 下方多个选项外盒子 --> <button> <!-- 第一个选项盒子 --> <div>水民</div> <!-- 游戏身份 --> <div>1号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>水民</div> <!-- 游戏身份 --> <div>2号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>警察</div> <!-- 游戏身份 --> <div>3号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>法官</div> <!-- 游戏身份 --> <div>4号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>狙击手</div> <!-- 游戏身份 --> <div>5号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>医生</div> <!-- 游戏身份 --> <div>6号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>杀手</div> <!-- 游戏身份 --> <div>7号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>水民</div> <!-- 游戏身份 --> <div>8号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>水民</div> <!-- 游戏身份 --> <div>9号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>水民</div> <!-- 游戏身份 --> <div>10号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>水民</div> <!-- 游戏身份 --> <div>11号</div> <!-- 游戏号码 --> </button> <button> <!-- 第一个选项盒子 --> <div>水民</div> <!-- 游戏身份 --> <div>12号</div> <!-- 游戏号码 --> </button> </div> </main> <footer> <!-- 底部盒子 --> <button> <!-- 底部按钮 --> <span>投死</span> <!-- 底部中间字体 --> </button> </footer> </body> </html> html{ font-size: 62.5%; } body{ margin: 0; font-size: 1.6rem; } header{ height: 4.8rem; background-color: #29BDE0; }
尝试过选择器选择了<audio>标签后来修改样式，结果无法实现
编辑于2024-11-24
时间排序
热门排序
[上海|结业弟子]JS-任我行
0
那边的播放按钮用css样式来写
然后把audio隐藏掉，设置autoplay="autoplay"
查看全部>
编辑于2018-09-28
首页
1
末页
去第
页
确定
Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1
复制链接
新浪微博
微信扫一扫
2774
0
10
任务七右上角的音频标签，无法随着样式进行修改
1
1
时间排序
