无法在SCSS中将占位符值转换为粗体

Question

我对SCSS很天真。我计划转换＆＃39;数据占位符＆＃39;以下代码在html中以粗体显示在SCSS中：

 <optic-select-input id="placeholder"data-placeholder="Choose or type  
  subject..."  title = "Type your subject">

以下是我在SCSS的努力：

 optic-select-input {
     data-placeholder {
         font-weight: bold;
     }
 }

但是，这没有任何影响。任何帮助都将受到高度赞赏。

Answer 1

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: bold;
}
::-moz-placeholder { /* Firefox 19+ */
  font-weight: bold;
}
:-ms-input-placeholder { /* IE 10+ */
  font-weight: bold;
}
:-moz-placeholder { /* Firefox 18- */
  font-weight: bold;
}

https://css-tricks.com/snippets/css/style-placeholder-text/

的更多信息

<强>更新

Placeholder Mixin SCSS/CSS

Answer 2

https://github.com/Igosuki/compass-mixins

@import 'compass-mixins/lib/compass';

.optic-select-input{
  @include input-placeholder {
    font-weight: 700;
  }
}