input、textarea设置placeholder的颜色不起作用
开发过程中遇到了这个奇葩问题,设置了textarea元素的placeholder属性颜色但是没显示出效果。设置方式如图1:
突然一下子有点懵,之前的项目里也是这样用的啊,怎么就不行了呢?于是默默的打开原来的项目、启动看看效果,哎呀,怎么也没有效果,这可是之前做好的测试过的项目啊。然后自己新建了一个单html测试下效果。
完全正常..........无语了
于是自己开始百度了,。。。也有各种解决方法,不过都跟图1截图里的一样,有的说什么样式要放到app.vue里面(开发的是vue的项目),还有说什么不能用逗号连接使用的,于是我各种尝试、各种换位置、直到所有的位置都试了一遍还是不起作用。又是百度各种搜、结果还是没找到什么针对的结果。无奈求助身边的同事,同事第一反应就是把图1的代码发给了我,我直接无奈的说我就是这么写的,然后一同事不信,在自己的项目里试了一下,有啊,那为啥偏偏我的不行呢?!!!对比了一下代码也没啥不一样的,服了。然后就又是自己瞎鼓捣,突然,不经意间效果出来了,我干了啥呢?赶紧回想刚才的操作,也没干啥啊。脑子一闪,我去,不会吧,这都行?下面分析一下:
大家看图1的代码是不是感觉完全没毛病(如果看到图一就知道问题所在的,应该是有相关经历了),
然后我选中代码(不起作用的代码),再看:
能看出什么问题么?看一下有效果的几个截图:
看出有什么不同了么?
有效果的代码color前面要么是空格要么是tab,要么是混合,不起作用的这个,中间这部分空的是什么鬼。
可能是复制或是代码在不同编辑器转换出现了这种情况,试了下其他的属性如果前面有这样的空,也会不起作用,应该是eslint在编译代码的时候起作用了,可能我的编辑器没有自动检查代码错误所以看不出来,才出现的这样的问题,所以啊,有的细节问题不能忽视,下次有问题了,不妨整好自己的代码先。
input、textarea设置placeholder的颜色不起作用相关推荐
- uni-app 如何设置 怎么设置 input textarea设置只读 readonly
uni-app input 设置只读,设置属性disabled为true或disabled <input type="text" placeholder='只读属性的inpu ...
- input和textarea设置placeholder属性的颜色、字体大小
刚刚拿到一个设计图中的input的placeholder是白色的然后就给大家整理了一下. 以下是 input 的解决代码: /* WebKit browsers */ input::-webkit-i ...
- h5 input,textarea属性placeholder样式修改
为什么80%的码农都做不了架构师?>>> ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } ...
- css技巧中placeholder的颜色
https://htmlcolorcodes.com/zh/jiaocheng/css-zhan-wei-fu-yanse/ https://developer.mozilla.org/zh-CN/d ...
- poi设置背景颜色不起作用setFillForegroundColor
项目中遇到一个使用POI导出excel奇怪的问题,设置poi背景颜色不起作用. 解决办法: 设置setFillForegroundColor还需要设置一下setFillPattern,如果只设置背景颜 ...
- HTML中placeholder字体颜色,修改input中placeholder字体颜色方法
如上,input的placeholder属性我们无需修改,但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话,尴尬的事情就发生了,很小的一个问题会耽误我们不少时间查找什么原因造成的. ...
- input,textarea元素设置宽度100%超出父元素宽度
<form style="width: 300px;"><input name="tenantIds" placeholder="律 ...
- 四、Input框改placeholder中字体的颜色
Input框改placeholder中字体的颜色 input::-webkit-input-placeholder { color: #ccc; font-size: 12px; } 转载于:http ...
- SwiftUI基础之设置TextField的placeholder文本颜色(text color)
本文价值与收获 看完本文后,您将能够作出下面的界面 看完本文您将掌握的技能 SwiftUI原生设置TextField的颜色 掌握制作自定义组件 代码 1.快速实现 import SwiftUIstru ...
最新文章
- 某快手程序员爆料:给小厂随便投投简历,面试表现很差也能过,大厂背书确实有用!...
- iptables连接跟踪ip_conntrack
- Linux学习记录--开机挂载错误
- js全局变量和局部变量
- github gists_Eclipse中的Github Gists
- 计算从A地出发到各个地方的路径及距离
- Alpha冲刺 (2/10)
- python设置执行服务环境变量_Python执行.sh脚本cataline环境变量配置
- 推荐算法(一)电影推荐系统
- 【javascript】ajax跨域post传值
- 中国电信物联网开发平台北向开发获取设备ID及其历史产生的数据
- 抢占氢能产业发展风口,上海重塑能源集团股份有限公司助推行业发展
- 美国立卫生研究院投巨资奖励大数据挖掘
- [芦半山]Android native分析工具ASAN和HWASAN原理解析
- python自动获取邮件数据_Python 提取数据库(Postgresql)并邮件发送
- Ubuntu搭建邮箱服务器
- linux线程亲和性,线程亲和性
- wrcoef2函数_matlab中二维小波变换部分函数
- C语言——运算符与表达式
- 如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)
热门文章
- 跟李宁老师学Python视频课程(14):Python数据存储-李宁-专题视频课程
- YOLOV5融合SE注意力机制和SwinTransformer模块开发实践的中国象棋检测识别分析系统
- QImage/QPixmap加载图片失败(宽和高都为0)的两种解决方法
- 【论文理解】yolov3损失函数
- 金油热点分析11.2黄金走势分析,原油策略白银操作建议
- Android系统读取 CPU温度(MTK平台)
- python - 截取指定帧数间隔的视频,并保存图片到指定位置
- Matlab规划问题——蒙特卡洛法
- No.046<软考>《(高项)备考大全》【专项2】《案例分析 - 计算题(下)》
- USB mass storage驱动分析