应该渲染为圆形，但单独设置边框颜色后，border-radius 就无效了
.intro {
margin: 100px auto;
width: 100px;
height: 100px;
border: 5px solid red;
border-top-color: blue;
border-radius: 50%;
}
| 框架类型 | 问题类型 | 终端类型 | 微信版本 | 基础库版本 |
|---|---|---|---|---|
| 小程序 | Bug | 微信iOS客户端 | 8.0.43 | 3.2.2 |
应该渲染为圆形，但单独设置边框颜色后，border-radius 就无效了
.intro {
margin: 100px auto;
width: 100px;
height: 100px;
border: 5px solid red;
border-top-color: blue;
border-radius: 50%;
}
2 个回答
单边 border + border-radius 暂时还不支持，后续会考虑
.ring { width: 100px; height: 100px; border-radius: 50%; /* 1. border-top 会导致 border-radius 失效 */ /* border-top-color: red; */ /* 2. 可改为 box-shadow 实现； 效果仍有细微差别*/ box-shadow: 0 -1px 0 0 red; }可以试一下上述方法。