如何在scss中設置數據佔位符屬性的樣式？

Question

我試圖在SCSS中設計一個數據庫所有者。坦率地說，我想將數據庫所有者的顏色從現有的顏色更改爲暗灰色。但是，我沒有成功實現它。

附加的是我的HTML5代碼。

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

附加的是我的SCSS代碼。

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


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

任何幫助將不勝感激。

Answer 1

添加一個方括號，如[數據佔位符]。

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

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

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