acid-info
/
lsd
mirror of https://github.com/acid-info/lsd.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: error state now supported in non webkit browsers

This commit is contained in:
jongomez 2023-09-28 13:27:34 +01:00 committed by Jon
parent e37221761d
commit d78958b9f8
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/lsd-react/src/components/DateField/DateField.styles.ts
View File

@ -131,4 +131,11 @@ export const DateFieldStyles = css`
.${dateFieldClasses.input}::-webkit-datetime-edit-day-field { .${dateFieldClasses.input}::-webkit-datetime-edit-day-field {
text-decoration: line-through; text-decoration: line-through;
} }
/* If browser does not support ::-webkit-datetime pseudo elements, use the following. */
@supports not selector(::-webkit-datetime-edit-day-field) {
.${dateFieldClasses.error} .${dateFieldClasses.input} {
text-decoration: line-through;
}
}
` `