当前位置: 首页 > 面试题库 >

降级-webkit-text-security

单展
2023-03-14
问题内容

注意: 如果您对实现文本安全功能感兴趣,我已经开发了一个jQuery插件来实现。

text-security用来设置输入的样式:

input.square-password {
  -webkit-text-security: square;     
}

在不支持的Web浏览器中,text-security仅显示密码(没有星号(****))。

我希望通过使用text-securitywhen可用或使用标准星号来降低不支持它们的浏览器上的此功能。

输入的HTML是:

<input class="square-password textbox" name="paymentpassword" />

我尝试添加type="password"attr:

<input type="password" class="square-password textbox" name="paymentpassword" />

但是,text-security即使在支持它的浏览器上,它也会覆盖。

任何解决方法?是否可以通过CSS(无type =“ password”)为输入设置星号?

编辑: 文本安全性似乎仅受Webkit支持。

编辑2: 设置为type="password"不能使用文本安全设置样式的输入。甚至没有!important(type =“
email”可以)

编辑3: @ryan答案适用于:

  • Firefox
  • Chrome
  • Opera

问题答案:

这是非常快捷和肮脏的,但是可以。

<html>
<head>
    <style>
        input{
            -webkit-text-security:square; 
            text-security:square;
        }       
    </style>

    <script>
        window.onload = function(){
            init(); 
        }
        function init(){
            var x = document.getElementsByTagName("input")[0];
            var style = window.getComputedStyle(x);
            console.log(style);
            if(style.webkitTextSecurity){
                //do nothing
            }else{
                x.setAttribute("type","password");
            }
        }           
    </script>
</head>
<body>
    <div id="di">
        <input/>        
    </div>
</body>

我在chrome和firefox上测试过,我在linux上,所以我不能在IE中测试。
Jsfiddle在这里。



 类似资料:
  • 我在嵌入式应用程序中使用MQTT。我已经详细阅读了文档,了解了QoS特性是如何在MQTT中实现的,以及每个值的含义。 如何克服这个严重的问题?本质上,我不能信任QoS2设置。 (注意,通常这不是问题,因为我可以用QoS 2发布消息。但是,当发布客户端不受您的控制,并且无法保证它们将使用哪种QoS时,这就成了问题。)

  • 这里的 “降级” 是指以普通 Web 页面的模式渲染 Weex 的页面。 Weex 本身是支持跨三种平台的(Android、iOS、Web),在不同平台中集成不同版本的 SDK 来实现原生渲染,然而随着平台和应用版本的迭代,会出现版本碎片化的情况。如果你使用了较高版本中的特性,但是又无法升级已经存在的低版本 App,就可以使用“降级”的方式在低版本 App 中以普通 Web 页面的模式来渲染 触发

  • “降级” 通常是指以普通 Web 页面的模式渲染 Weex 的页面。 Weex 本身是支持跨三种平台的(Android、iOS、Web),在不同平台中集成不同版本的 SDK 来实现原生渲染,然而随着平台和应用版本的迭代,会出现版本碎片化的情况。如果你使用了较高版本中的特性,但是又无法升级已经存在的低版本 App,就可以使用“降级”的方式在低版本 App 中以普通 Web 页面的模式来渲染(在 We

  • 概述 除了流量控制以外,对调用链路中不稳定的资源进行熔断降级也是保障高可用的重要措施之一。一个服务常常会调用别的模块,可能是另外的一个远程服务、数据库,或者第三方 API 等。例如,支付的时候,可能需要远程调用银联提供的 API;查询某个商品的价格,可能需要进行数据库查询。然而,这个被依赖服务的稳定性是不能保证的。如果依赖的服务出现了不稳定的情况,请求的响应时间变长,那么调用服务的方法的响应时间也

  • 本节描述了旧版本MySQL比新版本工作得好的情况下,如何降级到旧的MySQL版本。 如果你在同一发布系列(例如,从 5.0.13 到5.0.12)内降级,一般规则是只需要在旧版本的顶部安装新的二进制。不需要对数据库进行任何操作。但是,最好是先进行备份。 下面的项列出了进行降级时应执行的操作: ·阅读你将要降级的发布系列的升级部分,确定它没有你需要的功能。2.10节,“升级MySQL”。 ·如果该版

  • 问题内容: 我想明白之间的差别,只是简单地?功能上有区别吗?据我所知,它们是完全相同的。您是否可以对其中之一进行其他操作? 问题答案: –此属性使您可以为文本指定填充颜色。如果未设置,则将使用该属性进行填充。 是的,它们是相同的,但是如果两者具有不同的值,则它们将优先。 我认为这样做的理由是,您可以在使用时根据需要选择其他颜色,但是如果不可用(因此也不可行),它将优雅地退回到。在某些情况下,您可能