title: How to style a data- placeholder attribute in scss?
body: <p>I am trying to style a data-place holder in SCSS.To be frank, I want to change the color of data-place holder from the existing color to dark-grey.However,I am not successful in getting that executed.</p>
  
  <p>Attached is my HTML5 code.</p>
  
  <pre><code>&lt;optic-select-input id="placeholder" class = "dataplaceholder" data- 
   placeholder="Choose or type subject..."  title = "Type your subject"ng- 
   model="newMessage.Subject" data-maxlength="50"  spellcheck="true"&gt;
  </code></pre>
  
  <p>Attached is my SCSS code.</p>
  
  <pre><code>    .dataplaceholder{
         @include placeholder(#A9A9A9,"");
           }
  
  
  @mixin placeholder($color, $size:"") {
    &amp;:-data-placeholder{
    color:$color !important;
    @if $size != "" {
    font-size: $size;
     }
     } 
     }
  </code></pre>
  
  <p>Any help would be highly appreciated.</p>