2013-12-20 51 views
1

我使用一次性密码应用程序为自己的云,女巫在登录表单上添加第二个密码字段以对多otp服务进行身份验证。OTP自己的云标签隐藏

问题是来自otp输入字段的文本字段的标签没有隐藏。

下面的.js是相关的:

(function() { 
    var saml = document.createElement('script'); saml.type = 'text/javascript'; 
    (document.getElementsByTagName('head')[0] || 
    document.getElementsByTagName('body')[0]).appendChild(saml); })(); 

    $(document).ready(function(){ 
     //$('#password').parent().hide(); 
     $('#password').parent().removeClass("infield groupbottom"); 
     $('#password').parent().addClass("infield groupmiddle"); 
     $('#password').parent().after(
      '<p class="infield groupbottom">'+ 
      '<input id="otpPassword" type="password" placeholder="" data- 
typetoggle="#show" value="" name="otpPassword"'+ 
'original-title="">'+ '<input type="text" name="password-clone" 
tabindex="0" autocomplete="off" style="display: none;" 
original-title="">'+ '<label class="infield" for="otpPassword">One 
Time Password</label>'+ '<img id="password-icon" class="svg" alt="" 
src="/core/img/actions/password.svg">'+ 

'</p>'); 
     $('#remember_login').hide(); 
     $('#remember_login+label').hide(); 
     //$('#submit').hide(); 
}); 

或者在这里看到:http://pastebin.com/8YX2FEGt

也许有人得到了此问题的解决?

回答

1

我也想通了修复骏马问题

可以解决这一问题:

>> core/css/styles.css 

Line: 550 // width wert change 
#body-login input[type="text"], 
#body-login input[type="password"] { 
    width: 11.7em; 
} 


Line: 372 // add padding 
#body-login .groupbottom input { 
    margin-top: 0; 
    border-top: 0; 
    border-top-right-radius: 0; 
    border-top-left-radius: 0; 
    padding-left:35px; 
    box-shadow: 0 1px 0 rgba(0,0,0,.1) inset !important; 
}