发表于: 2018-07-13 20:33:27

1 672


今天完成的事情:今天写出来了栅格系统的嵌套,然后<select></select>标签具体使用方法,然后把默认样式换成了三角。



明天计划的事情:明天把hover效果写出来,然后把<select></select>的颜色换成蓝色,还有把

这个进度条写出来。


遇到的问题:

任务十的进度条今天想了一天也不知道怎么写,本来写了一个长的横线然后用div写出来了一个圆形,但是用定位之后相应会崩盘,然后做hover效果也比较难。


收获:

<select></select>创建带有 4 个选项的选择列表

然后修改select的样式



  appearance:none;

将默认的样式清除

  -moz-appearance:none;

  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/

  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;

  /*为下拉小箭头留出一点位置,避免被文字覆盖*/

  padding-right: 14px;

}

可以做到修改原来默认的样式,但是我还没想到办法修改图片周围的颜色。

禅道:

css-task10

任务开始:6.28

预计结束:7.14

禅道主页:http://task.jnshu.com/zentao/project-task-789.html




返回列表 返回列表
评论

    分享到