Como fazer: Use o seletor ::placeholder"
::placeholder é um novo seletor em CSS3. Pode haver certos problemas de compatibilidade do navegador, então é melhor adicionar prefixos diferentes -ms-, -webkit-, -ms-, etc.
input::placeholder {
font-weight: 400;
color: #624b2f;
}
//::-webkit-input-placeholder/* WebKit, Blink, Edge */
//:-moz-placeholder/* Mozilla Firefox 4 to 18 */
//::-moz-placeholder /* Mozilla Firefox 19+ */
//:-ms-input-placeholder /* Internet Explorer 10-11 */
//::-ms-input-placeholder /* Microsoft Edge */
Desta forma, você pode definir o tamanho da fonte e o estilo de cor do espaço reservado.
Se o miniaplicativo WeChat modificar o estilo do espaço reservado na entrada, há duas opções:
1. Use
wxml de classe de espaço reservado:
<input type="text" placeholder="这里是placeholder的内容" placeholder-class="placeholderClass"/>
Em wxss:
.placeholderClass{
font-weight: 400;
color: #624b2f;
}
2. Use
wxml no estilo espaço reservado:
<input type="text" placeholder="这里是placeholder的内容" placeholder-style="color: #624b2f;"/>
Parece que um usa nomes de classes e o outro usa estilos embutidos.