Passwords showing up as white (or not at all) in IE
I had the same issue. I fixed it by adding a hack in my CSS to override the input font from Open Sans to Arial:
.form-horizontal input {
*background-color: #ffffff !important;
*color: #464646 !important;
*font-family: Arial !important;
}
It has to be a character issue with Google Font and IE where the password dots are missing from the font or something like that.
CSS3 selectors are not working to hide the password reveal icon in IE 11
IE 10 only supports hiding password reveal icon using CSS
input::-ms-clear, input::-ms-reveal {
display: none;
}
For IE 11, I found solution here , using javascript. Hope this help others.
Should I trim spaces in a password field
It depends,
Some users copy their password from somewhere or fill in their password and copy paste it in the Confirm Password field. This sometimes gives a extra space before and after the password. A space will be encrypted as well while they didn't even realize a space was there.
While other users actually create passwords with spaces in.
It's totally up to you to decide your password policy. Just make sure it is very clear for the user what your password policy is. Either by alerting them if they used a space or alerting them using a space isn't allowed.
Website Displays fine on Chrome/Firefox/IE 9+ but White Page on IE 8
Okay I finally figured out the solution. Selectivizr was causing conflicts with font-face in IE 8 as detailed here:
Why is selectivizr.js causing "white screen of death" in IE8?
So solution is to only give selectivzr to browsers that aren't IE 8...which is kind of counter-intuitive but it works for now.
Code:
<!--[if !IE 8]><!-->
<script src="/scripts/js/desktop/selectivizr-min.js"></script>
<!--<![endif]-->
React - White screen displaying on the side with Internet Explorer
IE browser has below compatibility issues with flexbox.
IE 11 requires a unit to be added to the third argument, the flex-basis property see MSFT documentation
In IE10 and IE11, containers with display: flex and flex-direction: column will not properly calculate their flexed childrens' sizes if the container has min-height but no explicit height property.
IE 11 does not vertically align items correctly when min-height is used
In IE10 the default value for flex is 0 0 auto rather than 0 1 auto as defined in the latest spec.
Reference:
CSS Flexbox
I suggest you refer to the link below that may help to fix the issue.
Fixing Flexbox positioning for IE10 & IE11
If the issue persists then I suggest you post the sample code using only HTML and CSS. We will try to check and test it and try to provide suggestions for it.
STOP INTERNET EXPLORER FROM PRINTING WHITE TEXT GREY
It is a known issue. I also tested the issue with Google Chrome and it also prints the text in gray color.
The reason is that the browser thinks that there is no meaning of printing white text on white paper because user cannot see it. The browser can't guess about your purpose to print the white text. That's why the browser prints it in gray color.
I suggest you try to refer steps below.
Go to File menu.
Click on Page setup option.
Checked the option called Print background colors and images.
- Click OK.
Now, if you print the page you will notice that text is printed in white color. You need to set the background color of the page to see the effect.
Related Topics
CSS Transition When Class Removed
D3.Js Map (<Svg>) Auto Fit into Parent Container and Resize with Window
Changing Comment Colour in Atom Editor
How to Use Two-Column Layout with Reveal.Js
React Native: Different Styles Applied on Orientation Change
Rails Asset Pipeline Solution for Ie 4096 Selector/Stylesheet Limit
Custom Svg Admin Menu Icon in Wordpress
Center an Item with Position: Relative
Can Text Be Hidden and Shown Using Just CSS (No JavaScript Code)
Angular2 Material Dialog CSS, Dialog Size
CSS Conventions/Code Layout Models
What Does :Global (Colon Global) Do
Change Svg Viewbox Size with CSS
Spring MVC Where to Put CSS/Js/Img Files
How to Edit CSS of New Google Forms