uniapp去除下拉框placeholder字体大小怎么改
时间: 2023-10-08 16:13:40 浏览: 122
选中与修改
在 uniapp 中,下拉框的样式可以通过设置 `picker` 组件的 `custom-class` 属性来自定义。可以先在对应的 `custom-class` 中设置 `font-size: 0` 来去除 placeholder 的字体大小,然后再通过 `::placeholder` 选择器来设置 placeholder 的样式。
例如:
```html
<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` 选择器在不同的浏览器中的支持程度不同,需要根据实际情况进行兼容性处理。
阅读全文