uniapp组件和HTML标签重名致设置标签样式不生效

问题

在uniapp中使用 input 标签，希望修改 placeholder 属性内容的样式

 <input placeholder="请输入内容" />

在css( style)中修改未生效

input::input-placeholder {color: #bdbdbd;
}
/* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */
::-webkit-input-placeholder {/* WebKit browsers */color: #999;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #999;
}
::-moz-placeholder {/* Mozilla Firefox 19+ */color: #999;
}
:-ms-input-placeholder {/* Internet Explorer 10+ */color: #999;
}

解决

在uniapp中 input 为内置组件，通过属性值去修改样式

正确修改方法示例

 <input placeholder="请输入内容" placeholder-style="color:#9d9d9d;font-size:20rpx;"/>

引伸

在使用已有框架开发时，如出现原生写法不生效且可能还不报错的情况，可以尝试去对应框架官方文档中找是否有对应说明。

uniapp组件和HTML标签重名致设置标签样式不生效相关推荐

ROS 重名问题解决
1.ROS工作空间覆盖隐患存在安全隐患,比如当前工作空间B优先级更高,意味着当程序调用 turtlesim 时,不会调用工作空间A也不会调用系统内置的 turtlesim,如果工作空间A在实现时有 ...
VMware安装windows 系统上提示网络上有重名的解决方法
VMware安装windows 系统上提示网络上有重名的解决方法标签: virtual pc 网络上有重名虚拟机 vpc nat共享连接杂谈分类: 电脑知识装了vmware 新建---添加一 ...
win7计算机重名会怎样,win7系统电脑开机右下角显示“网络上有重名”的解决方法...
很多小伙伴都遇到过win7系统电脑开机右下角显示"网络上有重名的困惑吧,一些朋友看过网上零散的win7系统电脑开机右下角显示"网络上有重名的处理方法,并没有完完全全明白win7系统 ...
ajax重名检测,jQuery+Ajax实现用户名重名实时检测
利用jQuery框架,封装了底层的Ajax异步技术,通过简单的方法调用即可实现.这篇博客是针对用户注册时出现的用户名重名问题的自动检测,利用的技术是Ajax异步传输. register.jsp 注册显 ...
android id 重名_android 中Xml里面的id重名问题
今天在做项目的时候,居然发现@+id 居然可以重名,而且情况一:同个一个Xml文件中的同名在同个一个Xml文件的中若同名了,则前一个有效,而后一个无效,即后一个Null掉.如: android:i ...
android id 重名_android 中不同的Xml中id可以重名吗？
今天在做项目的时候,居然发现@+id 居然可以重名,而且情况一:同一个Xml文件中的同名在同一个Xml文件的中若同名了,则前一个有效,而后一个无效,as会报异常.如: android:id=&qu ...
win7不提示计算机重名,VMware安装win7系统提示网络上有重名怎么解决
最近有用户在VMware安装win7系统的时候,添加一台已经存在的虚拟机,添加完成后总是提示网络上有重名,修改计算机名之后还是没解决,该怎么办呢,本文就给大家讲解一下VMware安装win7系统提示网 ...
uni-app 组件找不到问题常规解决办法
uni-app 组件找不到问题常规解决办法 1.确认文件是否保存 2.确认引用路径是否正确,特别是利用复制粘贴的引用路径最容易导致组件应用错误,这时候需要手动敲一遍路径 3.组件是否注册,引用的组件需 ...
java实现ajax同名验证_jQuery+Ajax实现用户名重名实时检测
利用jQuery框架,封装了底层的Ajax异步技术,通过简单的方法调用即可实现.这篇博客是针对用户注册时出现的用户名重名问题的自动检测,利用的技术是Ajax异步传输. register.jsp 注册显 ...

uniapp组件和HTML标签重名致设置标签样式不生效

问题

解决

引伸

uniapp组件和HTML标签重名致设置标签样式不生效相关推荐

最新文章

热门文章