Open dengal3 opened 8 years ago
一个是有关负边距带来的问题,一个是checkbox,radio之类的input要设置不允许修改,但readonly属性无效的问题。
终于来填坑了。
我之前会用负边距来调整容器位置,这次发现当容器width:50px, margin-left:-100px, 容器右边会有margin出现,即使并没有设置margin-right。可见margin-left为负值且绝对值大于宽度时,会影响到正常的margin计算,导致“右边产生了margin”这样的假象。
我们要实现一个常见的电影票订票网页,其中有个页面是选择座位页面,当然我们需要备注提示什么样的图标代表可选,已选,还有已售的座位。这些备注是不能被修改的。
但是checkbox的readonly是无效的,就是你即使设了,淘气的用户还是可以点点点toggle checkbox的状态。解决方法也也很简单。
<input type="checkbox" onclick="return false;"/>
即可。由于一般这种场景下,这些备注一般也不会绑定什么事件,所以这么写我觉得还是可以的。
以上。
一个是有关负边距带来的问题,一个是checkbox,radio之类的input要设置不允许修改,但readonly属性无效的问题。
终于来填坑了。
负magin后遗症
我之前会用负边距来调整容器位置,这次发现当容器width:50px, margin-left:-100px, 容器右边会有margin出现,即使并没有设置margin-right。可见margin-left为负值且绝对值大于宽度时,会影响到正常的margin计算,导致“右边产生了margin”这样的假象。
checkbox的readonly无效
我们要实现一个常见的电影票订票网页,其中有个页面是选择座位页面,当然我们需要备注提示什么样的图标代表可选,已选,还有已售的座位。这些备注是不能被修改的。
但是checkbox的readonly是无效的,就是你即使设了,淘气的用户还是可以点点点toggle checkbox的状态。解决方法也也很简单。
即可。由于一般这种场景下,这些备注一般也不会绑定什么事件,所以这么写我觉得还是可以的。
以上。