相关疑难解决方法(0)
用于在IE11中无法单击的表单中输入的图像标签
问题
在IE11中,可以单击以下代码中的图像来激活/切换标签中的输入:
<label>
<input type="checkbox"> some text
<img src="http://placeimg.com/100/100/any" alt="some img">
</label>
虽然这个完全相同的代码但在a内部的图像<form>无法点击以激活/切换输入:
<form>
<label>
<input type="checkbox"> some text
<img src="http://placeimg.com/100/100/any" alt="some img">
</label>
</form>
请注意,在上面的示例动画中,我单击了第二个图像,但这不起作用,但点击文本可以正常工作(只是为了演示).
这已经过测试和转载:
- Windows 7 Pro SP1 x64上的IE 11.0.9600.16428.
- Windows RT 8.1平板电脑上的IE 11.0.9600.16438.
- Windows 7 Pro SP1 x64上的IE 11.0.9600.17105.
- Windows 10上的IE 11.0.10240.16431
在IE9,IE10,Microsoft Edge和其他浏览器中不会发生此问题.
问题:
- 在使用图像标签的情况下,这可以在没有 JS的情
- 如果没有,还有哪些其他可能的解决方案？
- (可选)为什么第二个示例中的图像不会触发输入元素(在第一个示例中执行)？
60
推荐指数
推荐指数
2
解决办法
解决办法
4万
查看次数
查看次数
36
推荐指数
推荐指数
3
解决办法
解决办法
8万
查看次数
查看次数
12
推荐指数
推荐指数
2
解决办法
解决办法
2万
查看次数
查看次数
单击 div 时更改复选框状态（真/假）
我有一个带有图像、标签和输入复选框的 div。当我点击 div 时，我喜欢什么，它会将复选框状态从 true 更改为 false ，并且反之亦然
jQuery
$(".markerDiv").click(function () {
if ($(this).find('input:checkbox[name=markerType]').is(":checked")) {
$(this).find('input:checkbox[name=markerType]').attr("checked", false);
}
else {
$(this).find('input:checkbox[name=markerType]').attr("checked", true);
}
alert($(this).find('input:checkbox[name=markerType]').is(":checked"));
});
html
<div class="markerDiv" id="maker_school"><label class="marker_label">School</label> <input class="marker_ckeckbox" name="markerType" value="school" type="checkbox" /> </div> <br />
5
推荐指数
推荐指数
3
解决办法
解决办法
3万
查看次数
查看次数
在<label>中使用<div>是否有效？
我有一个label元素,其内容需要一些样式.此标签无法调整,因此<div>在标签内使用块级元素会很方便.所以我想知道如果它是有效的使用<div>在<label>在HTML5.
4
推荐指数
推荐指数
1
解决办法
解决办法
5459
查看次数
查看次数
将块级<span>元素放在<p>元素中
我知道这<p>是专门用于内联元素.但是,如果将内联元素更改<span>为块级元素{ display:block }并将其包含在一个块中,该<p>怎么办？
即.
<html>
<head>
<style>
p {
background: red;
height: 100px;
width: 100px;
}
p span {
display: block;
background: blue;
height: 50px;
width: 50px;
}
</style>
</head>
<body>
<p>
<span>I am a pizza</span>
</p>
</body>
</html>
这个词的每个意义上都是错的吗？我知道这不常见(即大多数人会质疑为什么我不只是使用div),但这是一个假设的情况.它通过了验证测试,但它是不是很糟糕/糟糕的做法？如果你阅读那段代码,你会嗤之以鼻吗？
1
推荐指数
推荐指数
2
解决办法
解决办法
3723
查看次数
查看次数
将卡用作Bootstrap 4的单选按钮
我想为用户选择提供布尔答案并将其样式化为卡片。但是我在StackOverflow中看不到解决方案。我不希望它看起来像单选按钮（浏览器外观或Bootstrap外观）。
这是我想要获得的图片：
1
推荐指数
推荐指数
1
解决办法
解决办法
2583
查看次数
查看次数