发表于: 2018-09-12 19:23:48

1 748


今天完成的事情:今天修改了任务8,9的一些细节问题,开始做任务10。

师兄检查任务9的时候发现有横向滚动条,检查后发现是因为使用bootstrap中的row,row左右各有 -15px 的 margin,才导致内容大于屏幕,删除即可解决。

任务10的进度:

明天计划的事情:明天继续做完任务10 
遇到的问题: 对于任务10在不同手机尺寸下布局是否改成响应式?

媒体查询是针对于分辨率还是手机尺寸?

收获:

input的属性

checked

checked属性规定在页面加载时应该被预先选定的input元素,也可以在页面加载后,通过javascript进行设置

[注意]checked属性只能与type="radio"或type="checkbox"的input元素配合使用

<input type="radio" name="radio" value="1" checked>

<input type="radio" name="radio" value="2">

<input type="checkbox" name="checkbox" value="1">

<input type="checkbox" name="checkbox" value="2">

Css改变radio样式:

<input id="radio"  type="radio" name="age" /><label for="radio"><span><span></span></span></label>

几个关键点:

(1)设置input的opacity为0。

(2)在input后面添加一个label,for属性绑定input的id。

(3)在label中加入两个<span>标签,内部标签负责checked样式,外部负责未选中样式边框。然后在css中修改想要的样式就可以了。



返回列表 返回列表
评论

    分享到