diff --git a/packages/css/src/components/search-field/search-field.scss b/packages/css/src/components/search-field/search-field.scss index f3ffaf1450..8757fc4985 100644 --- a/packages/css/src/components/search-field/search-field.scss +++ b/packages/css/src/components/search-field/search-field.scss @@ -48,6 +48,7 @@ .ams-search-field__input::placeholder { color: var(--ams-search-field-input-placeholder-color); + opacity: 100%; // This resets the lower opacity set by Firefox } .ams-search-field__input::-webkit-search-cancel-button { diff --git a/packages/css/src/components/text-area/text-area.scss b/packages/css/src/components/text-area/text-area.scss index 96aeb5de55..3a0256e515 100644 --- a/packages/css/src/components/text-area/text-area.scss +++ b/packages/css/src/components/text-area/text-area.scss @@ -37,6 +37,7 @@ .ams-text-area::placeholder { color: var(--ams-text-area-placeholder-color); + opacity: 100%; // This resets the lower opacity set by Firefox } .ams-text-area:disabled { diff --git a/packages/css/src/components/text-input/text-input.scss b/packages/css/src/components/text-input/text-input.scss index e839902c41..4d09106fae 100644 --- a/packages/css/src/components/text-input/text-input.scss +++ b/packages/css/src/components/text-input/text-input.scss @@ -35,6 +35,7 @@ .ams-text-input::placeholder { color: var(--ams-text-input-placeholder-color); + opacity: 100%; // This resets the lower opacity set by Firefox } .ams-text-input:disabled {