audio怎么设置css |css登录框验证码样式

audio {
width: 100%;
height: 50px;
background-color: #d3d3d3;
border-radius: 25px;
overflow: hidden;
}
audio::-webkit-media-controls {
display: none !important;
}
audio::-webkit-media-controls-panel {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100%;
}
audio::-webkit-media-controls-play-button {
display: none;
}
audio::-webkit-media-controls-enclosure {
width: 100%;
height: 100%;
background-color: #555;
border-radius: 25px;
}
audio::-webkit-media-controls-mute-button {
display: none;
}
audio::-webkit-media-controls-timeline-container {
display: none;
}
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
display: none;
}

这段代码将创建一个简单的音频控制器，包括一个具有背景颜色、边框半径以及另一个样式的“嵌入”式播放器。控制器将被隐藏，而播放、暂停和静音按钮将在后台自动播放。这将允许您完全控制音频控制器的样式。

在这里，您可以设置每个 Webkit 样式的属性，以更改您的音频控制器的外观和样式。具体来说，您可以更改它的大小、颜色、圆角半径、背景图像和其他属性。

在这里，您可以看到一些经过处理的 Webkit 样式的 CSS 规则。要使用它，只需将其复制到您的样式表中，并在 HTML 代码中使用，“audio”标记并将它添加到相应的音频文件上 。您将看到，它可以提供相当灵活和有趣的控制器的样式。