作者:佐别 | 来源:互联网 | 2022-10-19 19:14
我正在尝试使用css变量更改整个网页的选择颜色:
html {
--my-var: red;
}
::selection {
background-color: var(--my-var);
}
a b c
我正确地看到了选择样式。但是,如果var
引用未定义的变量,则根本没有选择颜色:
html {
--my-var: red;
}
::selection {
background-color: var(--not-my-var);
}
如何为使用css变量值的整个页面定义选择颜色(如果存在的话),或者退回到默认的浏览器选择颜色?我试过var(--not-my-var, unset)
,var(--not-my-var, inherit)
和var(--not-my-var, initial)
,但他们似乎并没有做的工作
1> Temani Afif..:
获取所需内容的唯一方法是确保该值无效,以便浏览器将其忽略并退回到默认值:
::selection {
background-color: something_invalid;
}
a b c