我正在为一个具有圆角边框（border-radius）的输入框添加样式，并尝试为该边框添加渐变效果。我可以成功地创建渐变和圆角边框，但两者不能同时生效。要么是有圆角但没有渐变，要么是有渐变但没有圆角。
-webkit-border-radius: 5px; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0bbc4), to(#ced9de)) 1 100%;
是否有办法让这两个CSS属性同时生效，或者这是不可能的？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
1121
收藏
可能不可能，根据W3C规范：
这可能是因为
border-image可以采用一些可能复杂的图案。如果你想要一个圆形的图像边框，你需要自己创建一个。