📜  Tailwind CSS 占位符颜色

📅  最后修改于: 2021-08-31 02:33:41             🧑  作者: Mango

这个类在顺风 CSS中接受很多值,其中所有属性都以类的形式覆盖。通过使用这个类,我们可以为任何占位符文本着色。在 CSS 中,我们通过使用CSS Color 属性来做到这一点。

占位符颜色类:

  • placeholder-transparent:占位符文本颜色将是透明的。
  • placeholder-current:占位符文本的颜色取决于父元素的颜色。
  • placeholder-black:占位符文本颜色为黑色。
  • placeholder-white:占位符文本颜色将为白色。
  • placeholder-gray-50:占位符文本颜色将为灰色。
  • placeholder-red-50:占位符文本颜色为红色。
  • placeholder-blue-50:占位符文本颜色将为蓝色。
  • placeholder-indigo-50:占位符文本颜色将为靛蓝色。
  • placeholder-purple-50:占位符文本颜色将为紫色。
  • placeholder-green-50:占位符文本颜色将为绿色。
  • placeholder-yellow-50:占位符文本颜色将为黄色。
  • placeholder-pink-50:占位符文本颜色为粉红色。

注意:颜色的值可以根据需要在50-900之间改变,跨度应该是100,100之后。

句法:

...

示例:本示例涵盖了所有可能的类,您可以更改颜色值以使其更具对比度或使其更褪色。

HTML
 
 
     
 
  
 
    

        GeeksforGeeks     

      Tailwind CSS Placeholder Color Class      
                                                                                                                    
    


输出:

占位符颜色