离子CSS渐变颜色关闭
离子CSS渐变颜色关闭
提问于 2021-01-11 04:35:09
我正在使用下面的代码来使ion-button具有渐变。
--background: linear-gradient(to right, #E49273, #DB6E44);我正在尝试复制我在Affinity Photo中制作的模型，但颜色完全不同，尽管使用了相同的十六进制。
CSS在左边，样机在右边
当我使用照片编辑器并从CSS渲染中获得与样机相比的十六进制时，它们是完全不同的。(#C1734D vs #FE6835和#CE9578 vs #FE8E6E)。
为什么这是如此关闭，我如何才能修复它？
回答 1
Stack Overflow用户
发布于 2021-01-11 13:18:01
html
<ion-button expand="block" shape="round" class="customButton">
Click me
</ion-button>scss
.customButton {
// background: #db6e44; /* fallback for old browsers */
// background: -webkit-linear-gradient(to right, #e49273, #db6e44); /* Chrome 10-25, Safari 5.1-6 */
// background: linear-gradient(
// to right,
// #e49273,
// #db6e44
// ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--background: #db6e44; /* fallback for old browsers */
--background: -webkit-linear-gradient(to right, #e49273, #db6e44); /* Chrome 10-25, Safari 5.1-6 */
--background: linear-gradient(
to right,
#e49273,
#db6e44
); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65658240
复制相关文章
相似问题
腾讯云开发者
