Demo: Input Placeholder

<form action='' method='get'>
  <label for='input'>Input</label>
  <input name='input' placeholder='Type something…' type='text' />
</form>

%form{:action => "", :method => "get"}
  %label{:for => "input"} Input
  %input{:type => "text", :name => "input", :placeholder => "Type something…"}

@import "https://compass-style.org/files/beta-sub/examples/compass/css3/compass/css3/user-interface";
input[type="text"] {
  @include input-placeholder {
    color: #bfbfbf;
    font-style: italic;
  }
}

@import https://compass-style.org/files/beta-sub/examples/compass/css3/compass/css3/user-interface
input[type="text"]
	+input-placeholder
		color: #bfbfbf
		font-style: italic

input[type="text"]::-webkit-input-placeholder {
  color: #bfbfbf;
  font-style: italic;
}
input[type="text"]:-moz-placeholder {
  color: #bfbfbf;
  font-style: italic;
}
input[type="text"]:-ms-input-placeholder {
  color: #bfbfbf;
  font-style: italic;
}