南黎2024
南黎2024
  • 发布:2024-11-08 10:47
  • 更新:2024-11-15 15:15
  • 阅读:129

uniapp修改input输入框app中自动填充账号密码背景颜色发黄或者发蓝

分类:uni-app

-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important; -webkit-box-shadow: 0 0 1000px white inset !important; }

h5有效

问题是我是app啊 怎么解决

我不希望在app上自动填充后出现这个蓝紫色的背景

2024-11-08 10:47 负责人:无 分享
已邀请:
套马杆的套子

套马杆的套子 - 没有解决不了的问题,只有解决不完的问题

可以用uni-easyinput
可以根据value是否有值动态自定义样式

  • 南黎2024 (作者)

    大佬 问题在于我不知道怎么改这个样式啊

    每次自动填充后 背景颜色就被替换了

    和有没有value有啥关系?

    2024-11-08 13:37

  • 套马杆的套子

    回复 南黎2024: 你是不想要啊?我理解错了,以为想要呢,那用uni-easyinput更简单了,啥也不用管就可以

    2024-11-08 13:44

  • 南黎2024 (作者)

    回复 套马杆的套子: 就不能在原来的基础上改吗`一定要用uni-easyinput?

    2024-11-08 13:54

  • 南黎2024 (作者)

    回复 套马杆的套子: 能不能指点一下 具体改什么样式````

    2024-11-08 13:57

  • 南黎2024 (作者)

    回复 套马杆的套子: uni-easyinput 照样有这个样式 还是去不掉

    2024-11-08 14:00

  • 套马杆的套子

    回复 南黎2024: 你的意思是,没填之前想要这个颜色?还是填不填都不要这个颜色?如果是后者,你看下官方demo,

    官方demo input也是不会自动填充背景色的啊,或者就给你代码都完整贴出来看一眼

    2024-11-08 14:02

  • 南黎2024 (作者)

    回复 套马杆的套子:

    <uni-easyinput v-model.trim="email" :placeholder="$t('common.email')"></uni-easyinput>


    就这样的基本例子 本来背景颜色都是正常的 但是我手机自动填充账号密码到输入框后 就会出现这种背景颜色

    然后我看了一下网易云app 别的app 都是这种背景颜色出来 但是产品经理想要去掉这个自动填充带来的颜色```

    2024-11-08 14:11

  • 南黎2024 (作者)

    回复 套马杆的套子: 实在不行有没有办法禁用这个自动填充?

    2024-11-08 14:16

  • 套马杆的套子

    回复 南黎2024: <input type="text" autocomplete="off" />

    这样你试试能禁用不

    2024-11-08 15:39

南黎2024

南黎2024 (作者)

这种飘黄 怎么去掉```

套马杆的套子

套马杆的套子 - 没有解决不了的问题,只有解决不完的问题

你自己创建个新的项目试试,

<template>  
    <view class="content">  

        <input :value="val" />  
        <uni-easyinput v-model="val2"></uni-easyinput>  

    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                val: '我是input',  
                val2: '我是uni-easyinput'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>  
<style lang="scss">  

</style>
  • 南黎2024 (作者)

    你这个是手动填充 还是手机系统的自动填充?

    就是手机系统的记住密码 ,提示你自动输入的那种

    我这手机还有啊`````飘黄

    2024-11-08 15:21

1***@qq.com

1***@qq.com

请问这个问题你解决了吗?我也遇到了自动填充之后样式变了的问题

  • 南黎2024 (作者)

    没有呢 目前好像就是input 输入框不能用password 的type类型

    2024-11-16 09:06

  • 南黎2024 (作者)

    有解决方法告知下

    2024-11-16 09:07

要回复问题请先登录注册