uniapp中placeholder字体变小

可以通过设置样式来改变 placeholder 的字体大小，例如：

::placeholder {
  font-size: 14px;
}

其中，14px 可以根据需要进行调整。

相关问题

uniapp去除下拉框placeholder字体大小怎么改

在 uniapp 中，下拉框的样式可以通过设置 `picker` 组件的 `custom-class` 属性来自定义。可以先在对应的 `custom-class` 中设置 `font-size: 0` 来去除 placeholder 的字体大小，然后再通过 `::placeholder` 选择器来设置 placeholder 的样式。

例如：

<template>
  <picker class="my-picker" mode="selector" :range="array" :value="value" @change="onChange">
    <view class="picker-text">{{ array[value] }}</view>
  </picker>
</template>

<style lang="scss">
.my-picker {
  font-size: 0; // 去除 placeholder 的字体大小
}

.my-picker::placeholder {
  font-size: 14px; // 设置 placeholder 的字体大小
}
</style>

需要注意的是，`::placeholder` 选择器在不同的浏览器中的支持程度不同，需要根据实际情况进行兼容性处理。

uniapp textarea placeholder样式

在uniapp中，可以使用以下两种方式设置textarea的placeholder样式：

第一种方式是在行内直接设置样式，如：
<textarea id="textArea" name="" placeholder="请输入" style="color: white; height: 50px;"></textarea> [1]

第二种方式是通过设置placeholder-class属性，并在样式表中定义样式类，如：
<textarea id="textArea" name="" placeholder="请输入" placeholder-class="custom-placeholder"></textarea>
<style>
.custom-placeholder {
color: red;
}
</style> [2]

以上两种方式都可以实现textarea的placeholder样式定制化。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [如何让textarea placeholder 文字垂直居中？](https://blog.csdn.net/qq_36140085/article/details/83270749)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [placeholder样式自定义（uniapp 微信小程序、h5）](https://blog.csdn.net/maoge_666/article/details/131890314)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]