HTML的一部分：

 <form action="www.anything.com">
 <input type="text" name="name"
  placeholder="Enter sentence"/>
  </form>

我将展示如何通过CSS更改“Enter sentence”表达式的颜色：

  ::placeholder{
  color:blue;
   }

这会很好的。此处演示：

input:：-webkit输入占位符，textarea:：-webkit输入占位符{颜色：#666；}输入：-moz占位符，文本区域：-moz占位符{颜色：#666；}input:：-moz占位符，文本区域：：-moz占位符{颜色：#666；}input：-ms输入占位符，文本区域：-ms输入占位符{颜色：#666；}<input type=“text”placeholder=“Value”/>

我不记得我在哪里找到了这个代码片段（它不是我写的，不记得我是在哪里找到的，也不记得是谁写的）。

$('[placeholder]').focus(function() {
        var input = $(this);
        if (input.val() == input.attr('placeholder')) {
            input.val('');
            input.removeClass('placeholder');
        }
    }).blur(function() {
        var input = $(this);
        if (input.val() == '' || input.val() == input.attr('placeholder')) {
            input.addClass('placeholder');
            input.val(input.attr('placeholder'));
        }
    }).blur();
    $('[placeholder]').parents('form').submit(function() {
        $(this).find('[placeholder]').each(function() {
            var input = $(this);
            if (input.val() == input.attr('placeholder')) {
                input.val('');
            }
        })
    });

只需加载此JavaScript代码，然后通过调用以下规则使用CSS编辑占位符：

form .placeholder {
   color: #222;
   font-size: 25px;
   /* etc. */
}

尝试这将有助于您，这将在您最喜欢的浏览器中工作：

::-webkit-input-placeholder { 
    /* Chrome/Opera/Safari */
      color: pink;
    }
    ::-moz-placeholder { 
    /* Firefox 19+ */
      color: pink;
    }

    :-moz-placeholder { 
    /* Firefox 18- */
      color: pink;
    }

对于Sass用户：

// Create placeholder mixin
@mixin placeholder($color, $size:"") {
  &::-webkit-input-placeholder {
    color: $color;
    @if $size != "" {
      font-size: $size;
    }
  }
  &:-moz-placeholder {
    color: $color;
    @if $size != "" {
      font-size: $size;
    }
  }
  &::-moz-placeholder {
    color: $color;
    @if $size != "" {
      font-size: $size;
    }
  }
  &:-ms-input-placeholder {
    color: $color;
    @if $size != "" {
      font-size: $size;
    }
  }
}

// Use placeholder mixin (the size parameter is optional)
[placeholder] {
  @include placeholder(red, 10px);
}

对于Bootstrap和Less用户，有一个mixin.placeholder：

// Placeholder text
// -------------------------
.placeholder(@color: @placeholderText) {
  &:-moz-placeholder {
    color: @color;
  }
  &:-ms-input-placeholder {
    color: @color;
  }
  &::-webkit-input-placeholder {
    color: @color;
  }
}