做公司门户网站的重点,哈尔滨网页设计制作,移动互联网推广,wordpress论坛投票表单禁用#xff0c;样式不好看#xff0c;不符合甲方标准#xff0c;看了一下文档#xff0c;select、radio等都不支持只读状态。 解决方法#xff1a; 利用css3的point-events属性#xff0c;设置为none 在查看弹窗时#xff0c;传入一个变量#xff0c;当变量为true…表单禁用样式不好看不符合甲方标准看了一下文档select、radio等都不支持只读状态。 解决方法 利用css3的point-events属性设置为none 在查看弹窗时传入一个变量当变量为true时设置className样式否则不作操作 point-events可以阻止点击事件的效果以及鼠标指针显示 实现效果图 鼠标点击不会有任何操作也不会切换radio和select下拉 代码
Form.Item label类型 namequestionType//isCheckInfo是打开弹窗时传的变量为true时是查看需要加个样式阻止鼠标事件Radio.Group className{isCheckInfo?read-only:}Radio.Button value{0}一般问题/Radio.ButtonRadio.Button value{1}业务问题/Radio.Button/Radio.Group
/Form.Item
Form.Item label选择分组 required namequestionGroupIdSelect className{isCheckInfo?read-only:} options{[{ value: 0, label: 默认分组 }]} /
/Form.Itemcss
.read-only{pointer-events: none;
}一行css解决
