发表于： 2019-06-04 21:52:51
1 804
今日完成是事
1.学习了模拟下拉，因为表单的下拉框架浏览器默认样式修改不了，一般用较为灵活的模拟框架，模拟下拉框架网上有很多方法，大部分使用bootstrap或者js实现的，完全看不明白，所以仔细学习了师兄的方法，利用hover属性。首先建立一个父元素的div盒子，在父元素里建一个子元素dvi盒子和用span制作的图标，span要用定位属性移动位置。子元素里填上提示词，在子元素的下方再建立一个兄弟元素div盒子，设置上display：none属性填上下拉框的内容。然后设置hover伪类，父元素：hover 兄弟元素{display:block}就可以了
2.完成任务六,昨天写的任务六下拉框用的是select属性，
此处的边框因为是浏览器默认属性改变不了，今天此处改为了模拟下拉。
首先此处我由form表单元素改为了div盒子元素
div盒子元素比较灵活比表单强很多，通过hover伪类属性能达到模拟下拉的效果。
修改完之后边框没有了。
明天计划的事
开始做任务七
遇到的问题
在使用伪类的时候我开始是这样写的
但是没有效果，我看了师兄的代码后改了格式
就有效果了。第二种写法要比第一种影响要大。
收获
今天因为有些杂事，学习的不是很多，主要就是弄这个模拟下拉，在百度上也找了很多教程，有很多种方法。
返回列表
评论