如何以正确的方式使用输入占位符？我试图使用转换为占位符，但它不起作用？截图低于

Question

如何使用输入占位符的正确方法？我正在尝试使用转换到占位符，但它不起作用。 CSS低于

Answer 1

这是你在找什么？样很难说，因为你还没有真正解释你的问题/问题..

.quote_form input[type=text]{ 
    font-size: 8px; 
    transition: all 0.5s linear; 
} 

.quote_form input[type=text]:focus{ 
    padding-left: -10px; // to space the placeholder text away from the border 
    padding-top: -5px; 
    font-size: 10px; 
} 

注意：填充需要被考虑设置在input场的宽度和高度时:)

Answer 2

通常，您可以触发css transition申请pseudo selector，在您的情况下可能是:focus。 在这种情况下，我在为了增加placeholder的大小使用font-size为inputs。 请考虑增加你的HTML和CSS标记，所以我们可以为您提供一个“特殊”的解决方案。

一个例子，点击输入，以重点：

input[type=text]{ 
 
font-size: 8px; 
 
transition: all 0.5s linear; 
 
border:1px solid black; 
 
} 
 
input[type=text]:focus{ 
 
padding-left: -50px; 
 
font-size: 16px; 
 
}

<input class="quote_form" type="text" name="fname" placeholder="placeholder"><br> 
 
<input class="quote_form" type="text" name="lname" placeholder="placeholder">