Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

图片、视频、嵌入网页啥的希望可以设置成圆角的。 #130

Closed
shanyan-wcx opened this issue Dec 7, 2023 · 4 comments · Fixed by #150
Closed

图片、视频、嵌入网页啥的希望可以设置成圆角的。 #130

shanyan-wcx opened this issue Dec 7, 2023 · 4 comments · Fixed by #150
Assignees
Labels
improvement Let's do better
Milestone

Comments

@shanyan-wcx
Copy link

个人觉得圆角的看起来风格比较统一。当然也可能有人不喜欢,所以希望有个开关选项就好了。

@AirboZH
Copy link
Owner

AirboZH commented Dec 9, 2023

感谢你的建议,我试了一下,计划开发5px的圆角在图片上。

你可以在 https://www.airbozh.cn/archives/plugin-uposs 看到预览效果

如果对 5px 不满意的话,可以在 console - 设置 - 代码注入 - 内容页head标签中 插入以下css

<style>
  img{
    border-radius: 5px;
  }
</style>

@shanyan-wcx
Copy link
Author

太棒了

@shanyan-wcx
Copy link
Author

我用同样的方法去修改视频的圆角,附件里的视频可以显示圆角,但网络视频比如B站油管之类的还是不显示圆角。

  video{
    border-radius: 5px;
  }

@shanyan-wcx
Copy link
Author

哦改成iframe就好了

@AirboZH AirboZH added the improvement Let's do better label Jan 4, 2024
@AirboZH AirboZH added this to the v1.4.0 milestone Feb 3, 2024
@AirboZH AirboZH self-assigned this Feb 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement Let's do better
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants