input、textarea設置placeholder的顏色不起作用

  開發過程中遇到了這個奇葩問題,設置了textarea元素的placeholder屬性顏色但是沒顯示出效果。設置方式如圖1:

圖1
圖1

突然一下子有點懵,之前的項目裏也是這樣用的啊,怎麼就不行了呢?於是默默的打開原來的項目、啓動看看效果,哎呀,怎麼也沒有效果,這可是之前做好的測試過的項目啊。然後自己新建了一個單html測試下效果。

        

完全正常..........無語了

於是自己開始百度了,。。。也有各種解決方法,不過都跟圖1截圖裏的一樣,有的說什麼樣式要放到app.vue裏面(開發的是vue的項目),還有說什麼不能用逗號連接使用的,於是我各種嘗試、各種換位置、直到所有的位置都試了一遍還是不起作用。又是百度各種搜、結果還是沒找到什麼針對的結果。無奈求助身邊的同事,同事第一反應就是把圖1的代碼發給了我,我直接無奈的說我就是這麼寫的,然後一同事不信,在自己的項目裏試了一下,有啊,那爲啥偏偏我的不行呢?!!!對比了一下代碼也沒啥不一樣的,服了。然後就又是自己瞎鼓搗,突然,不經意間效果出來了,我幹了啥呢?趕緊回想剛纔的操作,也沒幹啥啊。腦子一閃,我去,不會吧,這都行?下面分析一下:

大家看圖1的代碼是不是感覺完全沒毛病(如果看到圖一就知道問題所在的,應該是有相關經歷了),

然後我選中代碼(不起作用的代碼),再看:

能看出什麼問題麼?看一下有效果的幾個截圖:

  

看出有什麼不同了麼?

有效果的代碼color前面要麼是空格要麼是tab,要麼是混合,不起作用的這個,中間這部分空的是什麼鬼。

可能是複製或是代碼在不同編輯器轉換出現了這種情況,試了下其他的屬性如果前面有這樣的空,也會不起作用,應該是eslint在編譯代碼的時候起作用了,可能我的編輯器沒有自動檢查代碼錯誤所以看不出來,纔出現的這樣的問題,所以啊,有的細節問題不能忽視,下次有問題了,不妨整好自己的代碼先。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章