Open-source by Keenthemes!Support our KtUI and ReUI open-source projects and help with growth.
Star on Github
Light
Dark
System
Ask  Question

bs5 input:autofill background in firefox


Hello,
would it be possible to set some background for input:autofill? Firefox sets #8D8A5D, which is ugly and also in dark mode the #92929F text is not visible.

Thank you,
Martin


user
Martin Beran 2 years ago
SASS Bootstrap 5
5 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

user
Sean Author2 years ago

Hi,

You can check this css doc for firefox to override the default autofill color.

Regards.


user
Martin Beran 2 years ago

Hi,
ofc I know I can override it happy
My point is, since it's almost unreadable in dark mode, it's more like a "bug" of keen and thus should probably be fixed in keen...?


user
Sean Author2 years ago

Hi happy,

Sure, we will double-check if Bootstrap has a variable option for it. If Bootstrap does not cover it we will try to come up with a solution that works well for light and dark modes as well in the next update.

May I know which template, framework, and demo you are using?

Regards.


user
Martin Beran 2 years ago

Thank you, that would be great!

No JS framework, all demos have this problem I think, because it is in sign-in and sign-up forms, for me it looks like this

I asked my colleague to try it in FF, just to be sure, and it looks the same for him.

Thanks,
Martin


user
Sean Author2 years ago

Hi,

Sure thing, noted and we will implement it in a future update.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(