可以将边界半径与具有渐变的边界图像一起使用吗？
我正在对具有圆形边框（边界半径）的输入字段进行样式设置，并尝试向该边框添加渐变。我可以成功制作渐变色和圆角边框，但是不能同时使用。它可以是不带渐变的圆角，也可以是带渐变但不带圆角的边界。
-webkit-border-radius: 5px;
-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0bbc4), to(#ced9de)) 1 100%;
无论如何，两个CSS属性可以一起工作，还是不可能？
问题答案：
根据W3C规范，可能是不可能的：
框的背景而不是其边框图像被裁剪为适当的曲线 （由“ background-
clip”确定）。剪切到边框或填充边缘的其他效果（例如“可见”以外的“溢出”）也必须剪切到曲线。替换元素的内容始终会修剪到内容边缘曲线。同样，边界边缘曲线之外的区域也不接受代表该元素的鼠标事件。
这很可能是因为border-image可能采取一些潜在的复杂模式。如果您想要一个圆角的图像边框，则需要自己创建一个。
-
问题内容： 我有以下CSS： 添加边框半径：5px似乎没有任何作用，我认为这是因为我使用的是边框渐变，我是否有办法完全实现所需的5px边框半径？ 问题答案： You cannot use with gradient. Here is another idea where you can rely on multiple background and adjust the : 如果需要透明性，可以考
-
我有一个元素，其中左上角和右下角的边框半径为5，我试图使它与CSS3Pie兼容。文件指出 只支持速记版本；longhand border-top-left-radius等属性不是。不过，速记语法支持每个角的半径不同。链接
-
问题内容： 我正在使用CSS3Piehtc文件在IE8中启用，但没有任何效果。我的CSS是： 我已经将PIE.htc放在了公共根目录中（就像在CSS3PIE演示页上所做的那样），并使用相对uri和绝对uri在同一文件夹中进行了尝试。 演示正在运行；只是不是我的代码！ 谢谢 问题答案： 尝试添加
-
问题内容： 我有一个div，其border-radius设置为某个值（比方说10px），还有一个嵌套的div，它是其父级的完整宽度和高度。 我注意到，尽管溢出被设置为隐藏，但父母并没有将孩子夹在圆角上。另一个stackoverflow线程指示此行为是“设计使然”： …我不禁注意到“拐角裁剪”部分中的以下描述： 剪切到边框或填充边缘的其他效果（例如“可见”以外的“溢出”）也必须剪切到曲线。替换元素的
-
问题内容： 有谁知道Internet Explorer是否/何时支持“ border-radius” CSS属性？ 问题答案： 是! IE9于2011年1月发布时。 假设您要在所有四个侧面上平均15像素： IE9将使用默认值，因此只需确保将其包括在所有样式中（称为边框半径）即可。然后，您的站点将可以使用IE9。 适用于Firefox，适用于Safari和Chrome。 此外：不要忘记声明您的IE编
-
最近我更新了颤振的最新版本，我发现了一个问题，当我尝试添加borderRadius时，ide指示我需要使用borderRadiusGeometry，有人知道如何修复它吗？ 返回容器（子：卡片（子：文本（'${myNumbers[index]}'），颜色：Colors.black，），装饰：const BoxDecation（颜色：Colors.black，borderRadius：BorderRa