想象一下場景:用戶的電子郵件客戶端對 CSS 的支持有限。(它要么剝離內容,阻止鏈接的 CSS,在發送前清理電子郵件正文,等等。)
我想應用一個規則,例如轉換鏈接的視覺效果,使其像一個帶有漸變背景和白色文本的按鈕。
一些電子郵件客戶端接受 color: 設定以將文本設定為白色,但去除背景。這會導致鏈接具有白色,但沒有背景,它將與電子郵件正文的白色背景相對,導致無法閱讀的鏈接。
是否可以創建一個只有在所有規則都可以應用時才有效的 CSS 規則?
比如,“設定(顏色和背景)或什么都不做”?
.all-or-nothing(set all or none) {
color: #fff;
background:linear-gradient(...);
}
謝謝!
uj5u.com熱心網友回復:
也許你可以試試@supportsat-rule,雖然我想很多郵件客戶端不會支持它。
https://developer.mozilla.org/en-US/docs/Web/CSS/@supports
@supports (color: #fff) and (background: linear-gradient(...)) {
.all-or-nothing {
color: #fff;
background: linear-gradient(...);
}
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/425034.html
標籤:css
上一篇:如何縮短按鈕值?-CSS
下一篇:更混亂的向上運動
