发表于: 2018-07-13 20:33:27
1 669
今天完成的事情:今天写出来了栅格系统的嵌套,然后<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
评论