Firefox placeholder text is faded out and not the full color. #11526
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…g opacity:1 to it returns it to the proper color - (this is a re-commit since I messed up my branch last time and failed the travis build)
|
Testcase: http://jsfiddle.net/8b2d6/2/ |
mdo
added a commit
that referenced
this pull request
Nov 18, 2013
Firefox placeholder text is faded out and not the full color.
|
<3 Thanks! |
|
Feels good man. |
|
X-Ref: necolas/normalize.css#246 |
cvrebert
added a commit
that referenced
this pull request
Nov 18, 2013
|
Should this be added for firefox 4-18, too? I don't have 4-18 installed anywhere (nor am I really too worried people will be on FF4-18). Just seems like it'd make sense for consistency, though. |
|
I'm happy to test if I can wrangle up a version. I'll see what I can scour. |
|
More precise X-Ref: necolas/normalize.css#263 |
|
Now documented in MDN as part of bs-css-hacks: |
stempler
pushed a commit
to stempler/bootstrap
that referenced
this pull request
Nov 4, 2014
cvrebert
added a commit
that referenced
this pull request
Dec 23, 2014
[skip sauce] [skip validator]
silverbackdan
added a commit
to silverbackdan/bootstrap
that referenced
this pull request
May 24, 2017
When using form-control-lg or form-control-sm some css properties of form-control are not respected as when using form-control: - placeholder style - disabled style I'm not sure if the form-control-ficus mixin may have been missing too... This would also require the addition to _form.scss in the mixins: ```scss @mixin form-control-states() { // Placeholder &::placeholder { color: $input-color-placeholder; // Override Firefox's unusual default opacity; see twbs#11526. opacity: 1; } // Disabled and read-only inputs // // HTML5 says that controls under a fieldset > legend:first-child won't be // disabled if the fieldset is disabled. Due to implementation difficulty, we // don't honor that edge case; we style them as disabled anyway. &:disabled, &[readonly] { background-color: $input-bg-disabled; // iOS fix for unreadable disabled content; see twbs#11655. opacity: 1; } } ```
|
> firefox 107.0 Firefox Release November 15, 2022
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
&::placeholder {
color: $input-placeholder-color;
// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
// opacity: 1;
}
&:disabled {
color: $input-disabled-color;
background-color: $input-disabled-bg;
border-color: $input-disabled-border-color;
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
opacity: 1;
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
My previous pull request I did wrong as I didn't make a new branch (first time doing that). This should not fail the build and make everything work properly. Sorry.