From d3770e18de6e9b90d0e8629f27e4b8e553b2446c Mon Sep 17 00:00:00 2001 From: David Ernst Date: Mon, 3 Jun 2019 19:47:28 -0700 Subject: [PATCH] Fix inconsistent input[disabled] color in Safari Fixes #2355 Safari is rendering `disabled` input fields with faded text. Instead of the Bulma default `#7a7a7a` (48% luminosity), the input text renders at `#cecece` (81% luminosity). Multiple users reported confusion, thinking the ` value=` was instead `placeholder=` text, because it was so faded. Bulma is [already choosing to override the default `` text `color`](https://github.com/jgthms/bulma/blob/ff8c4c18accf2c0094aa77945b1d2180ac927159/sass/elements/form.sass#L67). That setting simply isn't taking effect in Safari & iOS Safari. This PR fixes it. --- sass/form/shared.sass | 2 ++ 1 file changed, 2 insertions(+) diff --git a/sass/form/shared.sass b/sass/form/shared.sass index d3919559..fe22019f 100644 --- a/sass/form/shared.sass +++ b/sass/form/shared.sass @@ -48,6 +48,8 @@ $input-radius: $radius !default border-color: $input-disabled-border-color box-shadow: none color: $input-disabled-color + -webkit-text-fill-color: $input-disabled-color + opacity: 1 +placeholder color: $input-disabled-placeholder-color