Modifique o estilo do espaço reservado na entrada

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.

Guess you like

Origin blog.csdn.net/weixin_44646763/article/details/118934563