当div被选中时,我需要更改轮廓颜色。我尝试过使用与hover相同的技术(如下所示),但我需要一个选择器的帮助。可以通过JavaScript实现吗?还是CSS就足够了?
这是我尝试过的:
div {
background: #ccc;
margin: 20px;
}
div:hover {
outline: 1px solid blue;
}
<div>1</div>
<div>2</div>
<div>3</div>
发布于 2014-10-23 23:29:59
您可以尝试使用:focus
伪类。请注意,您将需要tabindex
使您的div
可聚焦。
div {
background: #ccc;
margin: 20px;
}
div:focus {
outline: 1px solid blue;
}
<div tabindex="-1">1</div>
<div tabindex="-1">2</div>
<div tabindex="-1">3</div>
发布于 2014-10-26 17:34:09
另一种使用CSS的方法:
input:active,
input:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
outline: 1px solid blue;
}
发布于 2014-10-23 23:42:15
您尝试过使用事件吗?
function selected(pDiv) {
$("#div" + pDiv).attr("style", "border-style: solid");
// Here write a For Loop to put "border-style: none" to everyone else
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="div1" onclick="selected(1)">1</div>
<div id="div2" onclick="selected(2)">2</div>
<div id="div3" onclick="selected(3)">3</div>
让我知道它是否起作用。
https://stackoverflow.com/questions/26531663
复制相似问题