开发过程中遇到了这个奇葩问题,设置了textarea元素的placeholder属性颜色但是没显示出效果。设置方式如图1:

图1

突然一下子有点懵,之前的项目里也是这样用的啊,怎么就不行了呢?于是默默的打开原来的项目、启动看看效果,哎呀,怎么也没有效果,这可是之前做好的测试过的项目啊。然后自己新建了一个单html测试下效果。

        

完全正常..........无语了

于是自己开始百度了,。。。也有各种解决方法,不过都跟图1截图里的一样,有的说什么样式要放到app.vue里面(开发的是vue的项目),还有说什么不能用逗号连接使用的,于是我各种尝试、各种换位置、直到所有的位置都试了一遍还是不起作用。又是百度各种搜、结果还是没找到什么针对的结果。无奈求助身边的同事,同事第一反应就是把图1的代码发给了我,我直接无奈的说我就是这么写的,然后一同事不信,在自己的项目里试了一下,有啊,那为啥偏偏我的不行呢?!!!对比了一下代码也没啥不一样的,服了。然后就又是自己瞎鼓捣,突然,不经意间效果出来了,我干了啥呢?赶紧回想刚才的操作,也没干啥啊。脑子一闪,我去,不会吧,这都行?下面分析一下:

大家看图1的代码是不是感觉完全没毛病(如果看到图一就知道问题所在的,应该是有相关经历了),

然后我选中代码(不起作用的代码),再看:

能看出什么问题么?看一下有效果的几个截图:

  

看出有什么不同了么?

有效果的代码color前面要么是空格要么是tab,要么是混合,不起作用的这个,中间这部分空的是什么鬼。

可能是复制或是代码在不同编辑器转换出现了这种情况,试了下其他的属性如果前面有这样的空,也会不起作用,应该是eslint在编译代码的时候起作用了,可能我的编辑器没有自动检查代码错误所以看不出来,才出现的这样的问题,所以啊,有的细节问题不能忽视,下次有问题了,不妨整好自己的代码先。

input、textarea设置placeholder的颜色不起作用相关推荐

  1. uni-app 如何设置 怎么设置 input textarea设置只读 readonly

    uni-app input 设置只读,设置属性disabled为true或disabled <input type="text" placeholder='只读属性的inpu ...

  2. input和textarea设置placeholder属性的颜色、字体大小

    刚刚拿到一个设计图中的input的placeholder是白色的然后就给大家整理了一下. 以下是 input 的解决代码: /* WebKit browsers */ input::-webkit-i ...

  3. h5 input,textarea属性placeholder样式修改

    为什么80%的码农都做不了架构师?>>>    ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } ...

  4. css技巧中placeholder的颜色

    https://htmlcolorcodes.com/zh/jiaocheng/css-zhan-wei-fu-yanse/ https://developer.mozilla.org/zh-CN/d ...

  5. poi设置背景颜色不起作用setFillForegroundColor

    项目中遇到一个使用POI导出excel奇怪的问题,设置poi背景颜色不起作用. 解决办法: 设置setFillForegroundColor还需要设置一下setFillPattern,如果只设置背景颜 ...

  6. HTML中placeholder字体颜色,修改input中placeholder字体颜色方法

    如上,input的placeholder属性我们无需修改,但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话,尴尬的事情就发生了,很小的一个问题会耽误我们不少时间查找什么原因造成的. ...

  7. input,textarea元素设置宽度100%超出父元素宽度

    <form style="width: 300px;"><input name="tenantIds" placeholder="律 ...

  8. 四、Input框改placeholder中字体的颜色

    Input框改placeholder中字体的颜色 input::-webkit-input-placeholder { color: #ccc; font-size: 12px; } 转载于:http ...

  9. SwiftUI基础之设置TextField的placeholder文本颜色(text color)

    本文价值与收获 看完本文后,您将能够作出下面的界面 看完本文您将掌握的技能 SwiftUI原生设置TextField的颜色 掌握制作自定义组件 代码 1.快速实现 import SwiftUIstru ...

最新文章

  1. 某快手程序员爆料:给小厂随便投投简历,面试表现很差也能过,大厂背书确实有用!...
  2. iptables连接跟踪ip_conntrack
  3. Linux学习记录--开机挂载错误
  4. js全局变量和局部变量
  5. github gists_Eclipse中的Github Gists
  6. 计算从A地出发到各个地方的路径及距离
  7. Alpha冲刺 (2/10)
  8. python设置执行服务环境变量_Python执行.sh脚本cataline环境变量配置
  9. 推荐算法(一)电影推荐系统
  10. 【javascript】ajax跨域post传值
  11. 中国电信物联网开发平台北向开发获取设备ID及其历史产生的数据
  12. 抢占氢能产业发展风口,上海重塑能源集团股份有限公司助推行业发展
  13. 美国立卫生研究院投巨资奖励大数据挖掘
  14. [芦半山]Android native分析工具ASAN和HWASAN原理解析
  15. python自动获取邮件数据_Python 提取数据库(Postgresql)并邮件发送
  16. Ubuntu搭建邮箱服务器
  17. linux线程亲和性,线程亲和性
  18. wrcoef2函数_matlab中二维小波变换部分函数
  19. C语言——运算符与表达式
  20. 如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)

热门文章

  1. 跟李宁老师学Python视频课程(14):Python数据存储-李宁-专题视频课程
  2. YOLOV5融合SE注意力机制和SwinTransformer模块开发实践的中国象棋检测识别分析系统
  3. QImage/QPixmap加载图片失败(宽和高都为0)的两种解决方法
  4. 【论文理解】yolov3损失函数
  5. 金油热点分析11.2黄金走势分析,原油策略白银操作建议
  6. Android系统读取 CPU温度(MTK平台)
  7. python - 截取指定帧数间隔的视频,并保存图片到指定位置
  8. Matlab规划问题——蒙特卡洛法
  9. No.046<软考>《(高项)备考大全》【专项2】《案例分析 - 计算题(下)》
  10. USB mass storage驱动分析