增加密码输入字符大小而不影响占位符

Question

是否可以在不影响占位符的情况下增加HTML密码输入的字体大小？换句话说，我想扩大密码符号（项目符号）的大小。

当然，我尝试增加font-size的{​​{1}}。这很好用，但它也使我的占位符字体也增加了：

是否有解决方法阻止我的占位符受到影响？我知道您可以使用input[type="password"]或::-webkit-input-placeholder专门定位它们 - 但这会在全球范围内应用它，基本上无法解决我的问题。

欢迎任何HTML，CSS或Javascript / jQuery解决方案。

Answer 1

我找不到您问题的准确解决方案。但我用一些javascript / jquery代码来解决你的问题。

<强> HTML

 <input id="txtInput" type="password" placeholder="Passowrd" onchange="CheckModification();" onpaste="this.onchange();" oninput="this.onchange();"/>

<强> Jquery的

$(document).ready(function(){
    $('#txtInput').focus(function () {
        if ($('#txtInput').val() == "") {
             $('#txtInput').css('font-size', '14px');
         }
         else {
             $('#txtInput').css('font-size', '24px');
         }
     });

     $('#txtInput').blur(function () {
         if ($('#txtInput').val() == "") {
             $('#txtInput').css('font-size', '14px');
         }
         else {
             $('#txtInput').css('font-size', '24px');
         }
     });
 });

function CheckModification(){
         if ($('#txtInput').val() == "") {
             $('#txtInput').css('font-size', '14px');
         }
         else {
             $('#txtInput').css('font-size', '24px');
         }
     }

Try This

希望它会对你有所帮助。