发表于: 2019-06-20 20:38:38

1 768


今日完成:1  为昨天的结论道歉,今天在调整响应式的时候发现,这个是可以动的,也就是说;

这个流程图是分为4节的,在调整页面宽度在不同宽度呈现出不同的样式。我这个是直接将中间

那根线定死了。

最终的效果图如下:



               2   在调整select样式是发现,它是自带的有黑色的小三角的,于是,我就先试着将小三角隐藏,后来发现自己知识面窄了

这种情况,我用之前的lable并不能,于是百度之后,发现是使用appearance:none; 去除三角的样式,然后就是一样的套路,使用刚切好的图

放在背景上面代替

select{
    appearance:none;  
   -moz-appearance:none;  
   -webkit-appearance:none;
    background: url("/images/sanjiao.png") no-repeat  right center transparent;
    background-size: 16px 16px;
    padding-right: 14px;}

  最终效果图如下: 

 


今日收获:了解了select的自定义样式,知道了 appearance:none;的作用


今日疑惑:今天又重新手写了一次下拉模拟,结果就出了这个bug


明日计划:1 对照之前写过以及师兄的写法,将最后一个bug解决

                  2 将任务十提交

                  3  准备出发到龙岗


返回列表 返回列表
评论

    分享到