为什么用了老师的代码还是改变不了input里面字体颜色

为什么用了老师的代码还是改变不了input里面字体颜色

.searchbox-input::-webkit-input-placeholder {
/* WebKit browsers 适配 Chrome */
color: #fff;
}

.searchbox-input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 适配 Firefox */
color: #fff;
}

.searchbox-input::-moz-placeholder {
/* Mozilla Firefox 19+ 适配 Firefox */
color: #fff;
}

.searchbox-input:-ms-input-placeholder {
/* Internet Explorer 10+ 适配 IE */
color: #fff;
}


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,input标签的类名和老师的一样吗?如果不一样的话,那么复制老师的这段代码是没有效果的。建议:可以把input的类名改成和老师一样的,也可以把下方红线处的内容改成自己项目中input的类名

http://img1.sycdn.imooc.com//climg/60d9377f093d091c03860033.jpg

如果还是不可以的话,建议:把自己写的searchbox.css和searchbox.art代码粘贴上来,老师帮助排查。

祝学习愉快~

  • 咸鱼王派大星 提问者 #1
    <div class="searchbox">
    <i class="iconfont icon-search"></i>
    <form class="searchbox-form">
    <input type="text" class="searhbox-input" name="word" autocomplete="off" placeholder="{{placeholder ? placeholder:'搜索目的地/折扣/关键字'}}">
    </form>
    </div>
    ​import 'icons/iconfont.css';
    import './searchbox.css'

    还是不行

    2021-07-04 10:46:58
  • 咸鱼王派大星 提问者 #2

    已经可以了 谢谢老师

    2021-07-04 10:56:34
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师