How to disable IE10's password clear text display and quick clear function
|
IE10 provides a quick clear button (X icon) and a password text display button (small eye icon) for <input> and <input type="password"> respectively: The quick clear button can replace a series of complex touch actions such as selecting all and deleting, while the password display button can help users confirm the input content, making up for the problems of slow touch typing and high error rate. However, based on the security of the Web system, this function needs to be disabled, especially the function of displaying passwords in plain text. This can be achieved by controlling the page view and CSS style. 1. First, add the following code to the HTML header of the web page to force IE browser not to use compatibility view: Copy code The code is as follows:<meta http-equiv="X-UA-Compatible" content="edge" /> 2. Disable the X and eye icons through CSS virtual elements (::-ms-clear, ::-ms-reveal). The specific code is as follows: Copy code The code is as follows:input::-ms-clear{display:none;} input[type="password"]::-ms-reveal{display:none;} |
<<: Implementing the preview function of multiple image uploads based on HTML
>>: Pitfalls and solutions encountered in MySQL timestamp comparison query
Recommend
Detailed steps to build an independent mail server on Centos7.9
Table of contents Preface 1. Configure intranet D...
Specific use of Linux dirname command
01. Command Overview dirname - strip non-director...
3 solutions to make your website support old versions of IE6, 7, 8, and 9 browsers
Although Microsoft has done a lot of research and ...
How to implement Docker to dynamically pass parameters to Springboot projects
background Recently, some friends who are new to ...
Vue implements time countdown function
This article example shares the specific code of ...
Detailed explanation of redundant and duplicate indexes in MySQL
MySQL allows you to create multiple indexes on th...
Web page creation for beginners: Learn to use HTML's hyperlink A tag
The hyperlink a tag represents a link point and i...
Docker renames the image name and TAG operation
When using docker images, images with both REPOSI...
translate(-50%,-50%) in CSS achieves horizontal and vertical centering effect
translate(-50%,-50%) attributes: Move it up and l...
Unable to define IE6 font: 13px size is invalid, IE6 automatically displays a larger font solution
A few days ago, when I was adjusting a module of a...
How to use JSZip compression in CocosCreator
CocosCreator version: 2.4.2 Practical project app...
WeChat applet learning wxs usage tutorial
What is wxs? wxs (WeiXin Script) is a scripting l...
CSS3 animation to achieve the effect of streamer button
In the process of learning CSS3, I found that man...
Looking at Tomcat's thread model from the connector component - BIO mode (recommended)
In higher versions of Tomcat, the default mode is...
Detailed example of inserting custom HTML records in Quill editor
It is already 2020. Hungry humans are no longer s...