css - 如何在 CSS 中为 SVG 元素添加边框/轮廓/描边?

标签 css svg d3.js border

感谢 D3js,我正在将 SVG 元素注入(inject)网页。我很难设置这些元素的样式,因为像

这样的语法
path { border: 3px solid green; }

不起作用。

如何使用 CSS 为网页中的 SVG 元素添加边框/轮廓/描边?

最佳答案

在 CSS 中,类似于:

path {
  fill: none;
  stroke: #646464;
  stroke-width: 1px;
  stroke-dasharray: 2,2;
  stroke-linejoin: round;
}

关于css - 如何在 CSS 中为 SVG 元素添加边框/轮廓/描边?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18330344/

相关文章:

javascript - 我们可以使用 css 或 jquery 在 html 中滚动 <input type ="text"中的文本吗

android-studio - 在 Android Studio 中导入 SVG 文件时,渐变没有停止信息错误

svg - 为什么我的响应式 D3 图表上的一些网格线会随机消失?

html - CSS3 媒体查询不起作用

html - 框宽度 100% 的 CSS3 问题

html - 如何防止 img :hover rounding/wobbling?(仅限 Firefox)

css - 如何让 Elm 动画师使用 CSS 动画为 SVG 元素制作动画?

javascript - d3py 示例代码中出现 IO 错误 - 没有这样的文件或目录 : 'static/d3.js'

javascript - 将值传递给模态并显示为纯文本

d3.js - d3 - 查看特定 x,y 位置的内容