Wie formatiert man ein Datenplatzhalterattribut in scss?

Question

Ich versuche, einen Datenplatzhalter in SCSS zu stylen. Um ehrlich zu sein, möchte ich die Farbe des Daten-Platzhalters von der vorhandenen Farbe zu dunkel-grau ändern. Jedoch bin ich nicht darin erfolgreich, das ausgeführt zu bekommen.

Angehängt ist mein HTML5-Code.

<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"> 

Angeschlossen ist mein SCSS-Code.

.dataplaceholder{ 
     @include placeholder(#A9A9A9,""); 
     } 


@mixin placeholder($color, $size:"") { 
    &:-data-placeholder{ 
    color:$color !important; 
    @if $size != "" { 
    font-size: $size; 
    } 
    } 
    } 

Jede Hilfe würde sehr geschätzt werden.

Answer 1

Fügen Sie eckige Klammern wie [Daten-Platzhalter] hinzu.

@mixin placeholder($color, $size:"") { 
    &[data-placeholder] { 
    color:$color !important; 

    @if $size != "" { 
     font-size: $size; 
    } 
    } 
} 

.dataplaceholder{ 
    @include placeholder(#A9A9A9,""); 
}