我想创建一个透明的圆形按钮，点击它应该有一个条纹边框。我想用 HTML、CSS 或必要的 java-script 来做这件事。
这里是一个例子：https ://jsfiddle.net/chrichrichri/a9dpg582/38/
border-radius: 50px;
结合：
border-image: -webkit-repeating-linear-gradient(-40deg, yellow, yellow 10%, orange 11%, orange 20%, yellow 21%),
-moz-repeating-linear-gradient(-40deg, yellow, yellow 10%, orange 11%, orange 20%, yellow 21%),
repeating-linear-gradient(-40deg, yellow, yellow 10%, orange 11%, orange 20%, yellow 21%);
到目前为止，我在 Firefox 中对其进行了测试——边框图像考虑了边框半径，但总是有一个边框颜色叠加层——如果我有 50% 的透明度，我会看到条带和选定的颜色——但我只想要条带……如果我使用 transparent/rgba(0,0,0,0) 边框根本不显示。为什么？如果有人能解释这里发生了什么，我会很高兴:-)
7 年前已经讨论了一个类似的主题 - 但那里给出的解决方案仅适用于具有实心填充的元素 - 好的，您可以添加一个 svg 椭圆而不是边框 - 但也许现在有一个更简单的解决方案。（可以将边界半径与具有渐变的边界图像一起使用吗？）