发表于: 2019-12-15 03:41:22
5 1039
今天完成的事:
完成了任务四的大致结构,实现了展示图中的基本功能。
其中用到了一些没有接触到的JavaScript的一些东西,还没能弄懂。
明天计划的事:
调试代码争取将任务四完成,主要是placeholder显示字体的颜色问题,现在试了
.input_2 [placeholder]::-webkit-input_2-placeholder{
color:rgb(188,188,188);
}
这种方法,发现只能更改文字的颜色,文字失去了加粗的效果,而且还会消除点击输入框时被屏蔽的选框问题,这个问题还在找答案。争取在明天取得进展。
遇到的困难:
选框聚焦时与不聚焦时呈现的状态问题。就是当鼠标聚焦到选框时,选框内默认字体文本消失,当没有输入内容鼠标聚焦到选框外时,选框内恢复默认文本。当选框内输入内容,鼠标聚焦到选框外时,已输入的内容不变,这上面的问题,最后在找到了第一张图片里的代码后就解决了。现在的困难就是怎么改变placeholder默认文本颜色的问题。
收获:
了解了登录页面的设计方法与思路,知道了怎么根据已给出的设计图去用html与css代码去实现相应的效果,并掌握了input标签的用法,除了输入框,input标签type属性还有 radio (单选框)checkbox(多选框)submit(提交框)等一些常用的效果展示。
评论